Vue 绑定class样式

1、字符串写法，适用于：样式的类名不确定，需要动态指定

<div class="basic" :class="mood" @click="changeMood" />const vm = new Vue({data: {mood: 'normal'}
})

2、数组写法，适用于：要绑定的样式的个数不确定，名字也不确定

<div class="basic" :class="classArr" @click="changeMood" />const vm = new Vue({data: {classArr: ['normal', 'happy', 'sad']}
})

3、对象写法，适用于：要绑定的样式个数确定，名字也确定，但是要动态决定用不用

<div class="basic" :class="classObj" @click="changeMood" />const vm = new Vue({data: {classObj: {happy: false,sad: true}}
})