可以通过  :class='变量名'来动态改变标签的样式名，变量值可以是字符串、数组、对象

1.字符串写法 

适用于样式类名不确定需要动态指定

<div class='base' :class='a'>Text</div>
data:{
  a:'normal'
}

class='base'和 :class='a'可以放在一个标签内效果是 class='base normal'

2.数组写法

适用于要绑定的样式个数不确定，名字不确定

<div class='base' :class='arr'>Text</div>
data:{
  arr:['classname1','classname2','classname3']
}

3.对象写法

适用于样式个数确定，样式名确定，但动态决定用不用

<div class='base' :class='arr'>Text</div>
data:{
  arr:{

    class1:true,

    class2:false,

    class3:true

  }
}

用true和false来确定类名用不用。