vue2绑定class

在 Vue2 中绑定 class 有多种方式，以下是其中几种常见的方式：

1. 对象语法

可以通过对象语法来绑定 class，语法格式如下：

<div :class="{ 'class-name': isTrue }"></div>

其中，`:class` 是指令，`{ 'class-name': isTrue }` 是一个对象，`class-name` 是要绑定的类名，`isTrue` 是判断条件，当 `isTrue` 为真时，该元素就会添加 `class-name` 类。

2. 数组语法

还可以通过数组语法来绑定 class，语法格式如下：

<div :class="[class1, class2]"></div>

其中，`:class` 是指令，`[class1, class2]` 是一个数组，`class1` 和 `class2` 是要绑定的类名，这样，该元素就会同时添加 `class1` 和 `class2` 两个类。

3. 绑定对象

除了对象语法和数组语法外，还可以直接将一个对象作为 class 绑定的值，语法格式如下：

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

其中，`:class` 是指令，`classObject` 是一个对象，该对象中的属性名表示类名，属性值表示是否添加该类，例如：

data() {
  return {
    classObject: {
      'class1': true,
      'class2': false
    }
  }
}

这样，该元素就会添加 `class1` 类，而不会添加 `class2` 类。

以上是 Vue2 中绑定 class 的几种常见方式，希望能对你有所帮助。