扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要为大家展示了“Vue中Class与Style绑定的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“Vue中Class与Style绑定的示例分析”这篇文章吧。
具体如下：
绑定 HTML Class
对象语法
我们可以传给 v-bind:class 一个对象，以动态地切换 class：
如上，我们先给 .exp 一个边框，我们利用 v-bind 方法传入一个新的 class 属性 .newExp，设置一个蓝色的背景颜色。当我们在控制台修改 .newExp 的属性为 true 时，会给 div 添加一个蓝色的背景颜色。
我们也可以传入更多的属性来切换多个 class 。
在模板里的渲染结果为：
我们也可以使用对象的方法来切换属性
渲染结果和上面的一样
数组语法
我们可以把一个数组传给 v-bind:class，以应用一个 class 列表：
渲染为：
要切换class，使用三元运算符：