vue-:class

vue动态绑定class

1- 可以绑定 变量形式

 ：class='变量a',data里面定义变量a,操作变量a，可以改变就class类名

  <div :class='a'></div>

data:{

a:'classA'

}

<style>

.classA{color:red}

</style>

2-可以绑定数组形式    

 ：class="[a,b]"      可以同时操作a,b进行变化class

  <div :class='[a,b]'></div>

data:{

a:'classA',

b:'classB'

}

<style>

.classA{color:red

.classB{color:red}

</style>

3-可以绑定对象       可以动态切换

：class="json"

data:{

json:{

	 classA: true,
         classB: false

}

}

<style>

.classA{color:red

.classB{color:red}

</style>

.classA{color:red}