vue class动态绑定多个值

可以使用对象语法来动态绑定多个值。例如，假设你有以下数据：

data() {
  return {
    isActive: false,
    hasError: false
  }
}

你可以使用对象语法来动态绑定这两个值：

<div :class="{ 'is-active': isActive, 'has-error': hasError }"></div>

在这个例子中，如果 `isActive` 的值为 `true`，那么 `is-active` 类将被添加到 `div` 元素中。如果 `hasError` 的值为 `true`，那么 `has-error` 类将被添加到 `div` 元素中。

你也可以使用计算属性来动态地返回一个对象，例如：

data() {
  return {
    isActive: false,
    hasError: false
  }
},
computed: {
  classes() {
    return {
      'is-active': this.isActive,
      'has-error': this.hasError
    }
  }
}

然后将这个计算属性绑定到 `class` 属性上：

<div :class="classes"></div>

在这个例子中，计算属性 `classes` 将返回一个对象，其中包含 `is-active` 和 `has-error` 属性。这个对象将被绑定到 `class` 属性上，并根据 `isActive` 和 `hasError` 属性的值动态地添加或删除类。