vue：动态绑定class

动态绑定class的方法多得琳琅满目；知道这几种就好了

基础用法

<div :class="active"></div>

data(){
  return {
    active:true
  }
}

三元运算法：绑定多个class

<div :class="isActive?'active':'disActive'"></div>

 data() {
    return {
      isActive: false,
    };
  }

其他 ：对象法

<div v-bind:class="{ active: isActive, 'text-success': hasSuccess }"></div>

data: {
  isActive: true,
  hasSuccess: false
}