Vue: 绑定样式

<!--Vue绑定class样式使用:  :class=*** -->
<!--情况一: 绑定class样式--字符串写法，适用于: 样式的类名不确定，需要动态指定-->
<div class="basic" :class="mood" @click="changeMood">{{name}}</div><hr>

<!--情况二: 绑定class样式--数组写法，适用于: 要绑定的样式个数不确定，名字也不确定-->
<div class="basic" :class="classArr">{{name}}</div><hr>

<!--情况三: 绑定class样式--对象写法，适用于: 要绑定的样式个数确定，名字也确定,什么时候使用不确定-->
<div class="basic" :class="classObj">{{name}}</div><hr>