v-bind：class

`v-bind:class`是Vue.js中的一个指令，用于绑定HTML元素的class属性。它可以根据表达式的值动态地切换class。具体来说，当表达式的值为真时，指令所绑定的class会被添加到元素的class属性中；当表达式的值为假时，指令所绑定的class会被从元素的class属性中移除。

以下是一个使用`v-bind:class`的示例：

<div id="app">
  <div v-bind:class="{ 'active': isActive }"></div>
</div>

在上面的示例中，`v-bind:class`指令绑定了一个对象，该对象有一个属性`active`，它的值为`isActive`。如果`isActive`为真，则`active`类会被添加到`<div>`元素的class属性中；如果`isActive`为假，则`active`类会被从`<div>`元素的class属性中移除。

除了绑定对象外，`v-bind:class`还可以绑定数组。在这种情况下，数组中的每个元素都会被添加到元素的class属性中。以下是一个使用数组绑定的示例：

<div id="app">
  <div v-bind:class="[activeClass, errorClass]"></div>
</div>

在上面的示例中，`v-bind:class`指令绑定了一个数组，该数组包含两个变量`activeClass`和`errorClass`。这两个变量的值都是字符串，它们会被添加到`<div>`元素的class属性中。