vue2动态绑定class

在Vue2中，可以通过v-bind指令来动态绑定class。有两种方式可以实现动态绑定class：使用对象语法和使用字符串语法。

1. 对象语法：
可以使用v-bind:class指令将一个对象传递给class属性，对象的键表示class名称，值表示是否将该class应用于元素。
例如，可以按照下面的方式动态绑定class：

<div v-bind:class="{ active: isActive }">class动态绑定</div>

然后在Vue实例的data选项中定义名为isActive的属性，并根据需要更改其值：

export default {
  data() {
    return {
      isActive: true
    }
  }
}

这样，当isActive为true时，元素将应用active类。

2. 字符串语法：
可以使用v-bind:class指令将一个字符串变量绑定到class属性。
例如，可以按照下面的方式动态绑定class：

<div v-bind:class="className">class动态绑定</div>

然后在Vue实例的data选项中定义名为className的属性，并根据需要更改其值：

export default {
  data() {
    return {
      className: 'app'
    }
  }
}

这样，className的值将作为class应用于元素。