vue-class与style的绑定（详细）

绑定class与style都用v-bind

v-bind:class=" " ==> 简写为:class=" "
这个" "字符串里边填的是对象或者数组 class = " { } / [ ] "

一、class绑定

1、对象

对象 也就是 键值对 {} —> key/value
key对应的是要绑定的class的类名，value是个布尔值，为true表示可以绑定，为false反之：

渲染为：

2、数组

数组里放的每一项都是类名：

二、style绑定

1、对象

也可以写一个对象让其绑定：

2、数组

如果要绑定两个或多个对象，就要用数组的形式了：