用的比较多的方法：

①

<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的操作展示