Vue 绑定class样式

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

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

data: {
   mood: 'normal'
}

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

<div class="basic" :class="classArr" @click="changeMood"></div>

data: {
   classArr: ['a', 'b', 'c']
}

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

<div class="basic" :class="classObj" @click="changeMood"></div>

data: {
   classObj: {
      a:false,
      b:true
   }
}

4、style样式

        :style="{fontSize: xxx}" 其中xxx是动态值

        :style="[a,b]"其中a，b是样式对象