vuejs中怎麼動態添加class

用的比較多的方法：

①

<div class="main" :class="{'maindev':type=='123'}"></div>  //前面是需要的class名稱，後面是判斷條件

②

<div :class="{type=='123' ? 'classaa' : 'classbb'}"></div>  //這種是多個class切換的時候，當滿足什麼條件用classaa，否則用classbb

③

<div :class="[objectB]"></div>   

data:{

      return:{

               objectB:{

                           'class-b':true,

                            classC:false,

                            classD:true

               }

      }

}

//形成的結果是

<div class="class-b classD"></div>   //這種屬於多個class的操作展示