vue js的样式绑定

class的样式绑定

我们可以为 v-bind:class 设置一个对象，从而动态的切换 class:

:class="{‘属性名’：‘属性值’}" 属性名就是生效的类名 值为布尔值，true生效，false不生效
直接绑定一个对象 :class=“aa” aa 是data中的一个属性： aa:{“blue”:true,“big”:false}
也可以通过计算属性返回一个对象。
 

 style属性的绑定

在行内属性中书写样式 

<div style="color:red;font-size:48px"> div</div>

把行内属性改成对象，以对象方式绑定style属性

        外部增加（）：属性值改造成字符串；分高改造成逗号；属性名到对象名的改变

要遵守驼峰命名法

<div v-bind:style="{color:'red',fontSize:'48px'}"> div</div>

把属性值改成变量

        第一个color是属性名 第二个color是变量名 和data中保持一致