22Vue - 绑定 HTML Class（数组语法)

我们可以把一个数组传给 v-bind:class ，以应用一个 class 列表：

data: {
  activeClass: 'active',
  errorClass: 'text-danger'
}

渲染为:

如果你也想根据条件切换列表中的 class ，可以用三元表达式：

此例始终添加 errorClass ，但是只有在 isActive是 true 时添加 activeClass。

不过，当有多个条件 class 时这样写有些繁琐。可以在数组语法中使用对象语法：