- 第一种使用方法：直接传一个字符串数组，注意：这里的 class 需要用 v-bind 做数据绑定：
<h1 :class="['italic','thin']">这是一个很大的h1！！！！！22222</h1>
<h1 :class="['italic','thin',flag?'active':'']">这是一个很大的h1！！！！！22222</h1>
<div id="app">
<h1 :class="['italic','thin',{'active':flag}]">这是一个很大的h1！！！！！22222</h1>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
flag: false
}
})
</script>
- 在为 class 使用 v-bind 绑定对象的时候，对象的属性是类目，由于对象的属性可带引号，也可不带引号，属性的值是一个标识符
<div id="app">
<h1 :class="classObj">这是一个很大的h1！！！！！22222</h1>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
classObj: {red:true ,this: true ,italic: false,active: false}
}
})
</script>
