Vue样式绑定

绑定class样式--字符串写法

<div class="basic" :class="mood" @click="changeMood">{{name}}</div>

绑定class样式--数组写法

<div class="basic" :class="classArr">123</div>

绑定class样式--对象写法

<div class="basic" :class="classObj">123</div>

​

​通过:class间接的动态控制样式​

<div :class="{happy: name==='XXX'}"></div>

注：当vm的data中的name为XXX时，会为该div盒子添加一个类，类名

为happy，否则不会添加。

​

​