Vue绑定class与绑定内联样式--v-bind

为 v-bind:class 设置一个对象，可以动态切换 class ：

当 :class 的表达式过长或逻辑复杂时，还可以绑定一个 计算属性 ：

当需要应用多个 class 时，可以使用 数组语法 ，给 :class 绑定一个数组，应用一个 class 列表：

使用 :style 可以给元素绑定内联样式，与 :class 类似，也有对象语法和数组语法。

参考

一、v-bind(:)绑定class属性

1、数组

2、数组中使用三元表达式

3、数组中嵌套对象

4、直接使用对象

5、总的说明

二、使用内联样式/v-bind(:)绑定style属性

1、直接接对象

2、接定义到Vue对象data中的对象属性名

3、接数组，引用多个Vue对象data的数据

4、总的说明

---