概述
1、直接使用class设置样式：
代码：
结果：
2、通过v-bind绑定class设置样式：
（1）使用json形式：
代码：
结果：
（2）使用数组形式
代码：
结果：
注意：通过第二种数组的方式，也可以通过三元表达式进行class的判断，此处不再赘述。
3、通过:style设置样式
代码：
结果：
注意：:style绑定样式是，不能使用常规的css样式，如font-size,background-color等，如果用到此类样式，需要遵循驼峰命名法，即fontSize，backgroundColor这样，否则报错。
最后
以上就是顺利紫菜为你收集整理的Vue样式设置的几种方式的全部内容，希望文章能够帮你解决Vue样式设置的几种方式所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复