第8章 class与style绑定

8.1 绑定HTML class

对象语法

可能通过v-bind:class传递一个对象，动态切换class。key为class名称，value为boolean值，value为true时class生效，反之无效。如果对象比较复杂，可以在数据属性中定义，然后绑定在元素上。

数组语法

v-bind:class除了传递一个对象、一个数据属性名，也可以传递一个数组，应用一个class列表。数组内部，也可以使用三元表达式来根据条件决定class是否生效。

在组件上使用class属性

当一个具有单个根元素的自定义组件上使用class属性才，这些class将被添加到该组件的根元素上。对于带数据绑定的class也同样适用。

当组件有多个根元素，则需要定义哪个根元素来接收这个class，通过$attr.class来指定。

对象语法

可以使用v-bind:style给元素绑定内联样式。与绑定class类似。

数组语法

与绑定class类似。

多重值

可以为style属性提供一个包含多个值的数组，通常用于多个带前缀的值。只会渲染数组最后一个被浏览器支持的值。

核心在于使用对象语法绑定class。

无