vue如何动态增加css的方法是：1、在元素中绑定动态样式，语法“”；2、在data中定义数据对象；3、在css中写样式。
本教程操作环境：windows7系统、vue2.9.6版、Dell G3电脑。
第一步：在元素中绑定动态样式
1.添加单个样式
<div>
<p>2.添加多个样式</p>
<pre class="brush:html;toolbar:false"><div>
<p>第二步：data中定义数据对象</p>
<pre class="brush:js;toolbar:false">data: {
addInviteHeight1: '', // 弹框的高度
addInviteHeight2: '', // 弹框的高度
lightBlue: 'lightBlue', // lightBlue是css中定义的样式名
}
第三步：在css中写样式
.addInviteHeight1 {
height: 52.5rem;
}
.addInviteHeight1 {
height: 48rem;
}
.lightBlue {
background-color: #6e9dd3;
}
【推荐学习：javascript高级教程】
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
