创建vue对象:

vue样式控制的方式-LMLPHP

1、样式控制第一种方式:

  直接传递一个数组,注意: 这里的 class 需要使用  v-bind 做数据绑定。

vue样式控制的方式-LMLPHP

2、样式控制第二种方式:

在数组中使用三元表达式

vue样式控制的方式-LMLPHP

3、样式控制第三种方式:

在数组中使用 对象来代替三元表达式,提高代码的可读性

vue样式控制的方式-LMLPHP

4、样式控制的第四种方式:

在为 class 使用 v-bind 绑定 对象的时候,对象的属性是类名,由于 对象的属性可带引号,也可不带引号,所以 这里没写引号;  属性的值 是一个标识符

vue样式控制的方式-LMLPHP

05-08 14:57