Class对象语法

可以传给 v-bind:class 一个对象，以动态地切换class。注意 v-bind:class 指令可以与普通的 class 特性共存。

html代码：

<div class="static" v-bind:class="{ 'class-a': isA, 'class-b': isB }"></div>

javascript代码：

var vm = new Vue({
  el: 'div',
  data: {
  isA: true,
  isB: false
}
})

渲染为：

<div class="static class-a">
</div>

当 isA 和 isB 变化时，class 列表将相应地更新。例如，如果 isB 变为 true，class 列表将变为 "static　class-a class-b"。