11 vue 中样式class

style默认声明样式有以下几个

 

data: {
flag: true,
classObj: { red: true, thin: true, italic: false, active: false }
},

 

1.普通操作


这是普通的操作,红色变细!!!

2.直接传递数组, class动态绑定

注意 :

这是v-bind绑定的数组形式

3.使用三元表达式

我是三元表达式操作

4.

对象来代替三元表达式

5.   

  直接使用对象形式

如果是对象默认在data中写了。也可以直接用

直接使用对象形式2!

 

你可能感兴趣的:(11 vue 中样式class)