vue中样式(使用vue进行样式的绑定)
第一种
对于不使用vue进行样式绑定使,直接class="thin active"即可
使用vue的数组进行多个样式的绑定(绑定属性使用v-bind也就是:)
:class=“{‘thin’,‘itatic’,‘active’}”
:class=“{‘thin’,‘itatic’,flag?'active':''}”
这样就可以从vue获取数据,如果flag为true,就使用active,如果不为true就什么都不变
:class=“{‘thin’,‘itatic’,{‘active’:flag}}”
这样可以使用该对象来进行判断,简化了三元表达式的体现
第二种,对象
Vue使用行内样式
内部样式使用无序键值对的集合
:style=''{color:"red",}''
同样的可以将该数组定义成一个对象