vue样式控制的方式

创建vue对象: 

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

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

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

    在数组中使用三元表达式

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

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

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

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

猜你喜欢

转载自www.cnblogs.com/wangyfax/p/10073098.html