VUE 属性绑定

在VUE中属性绑定使用v-bind

其中class和style属性比较特殊有以下集中方式

class：

（1） v-bind:class=“[a,b,c]”,这种方式里面的a，b，c需要在vue实例中的data中声明

（2）v-bind:class="{red:true,blue:false}",这里的red直接是style中的类名，后面的true和false可以在data中声明数据代替

style：

（1）v-bind：style="[a,d,c]",这种方式里面的a,b,c同样也需要在vue实例中的data声明，这里的a,b,c应该是json格式，如{color:'red'};

（2）v-bind：style="a",这里的a也需要大vue实例中的data声明，并且也应该是json格式，如a：{color:'red',backgroundColor:'gray'}

这里需要特别注意的一点是，在js中所有复合属性的命名都必须采用驼峰命名方式