vue 动态切换class

vue 动态切换class

方式一：
   <div :class="{ active: isActive }"></div> 
    表示 active 是否存在，取决于  isActive  

<div :class="{ active: isActive }" v-bin::class="{ active2: isActive }></div> 
这种方式 两个class 可以共存，结果为

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

data(){
return{
    isActive :true,
}
}

方式二：
   <div :class="[isActive?'active':'active2'] }"></div> 
     用三目表达式也可以动态切换class
data(){
return{
    isActive :true,
}
}