vue绑定css、style

1.绑定html css
1.1对象语法&＃xff1a;
　　传给 v-bind:class 一个对象&＃xff0c;以动态地切换 class
　　

　　上面的语法表示 classactive 的更新将取决于数据属性 isActive 是否为真值
1.2我们也可以在对象中传入更多属性用来动态切换多个 class,此外&＃xff0c; v-bind:class 指令可以与普通的 class 属性共存
　　
　　data: {
　　　　isActive: true,
　　　　hasError: false
　　　}
1.3你也可以直接绑定数据里的一个对象
　　
　　data: {
　　　classObject: {
　　　　active: true,
　　　　&＃39;text-danger&＃39;: false
　　　}
　　}
　　
　　data: {
　　　　isActive: true,
　　　　error: null
　　},
　　computed: {
　　classObject: function () {
　　　　return {
　　　　　　active: this.isActive && !this.error,
　　　　　　&＃39;text-danger&＃39;: this.error && this.error.type &＃61;&＃61;&＃61; &＃39;fatal&＃39;,
　　　　}
　　　　}
　　}

2.数组语法
2.1我们可以把一个数组传给 v-bind:class &＃xff0c;以应用一个 class 列表&＃xff1a;