vue动态添加类名

在 Vue 中，可以使用 `v-bind:class` 指令来动态添加类名。具体实现方式如下：

1. 在数据中定义类名变量，例如：

data() {
  return {
    isActive: true
  }
}

2. 在 HTML 元素上使用 `v-bind:class` 指令，例如：

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

上述代码表示，当 `isActive` 变量为 `true` 时，会自动添加 `active` 类名到该 `div` 元素上。

3. 如果需要添加多个类名，可以使用数组形式的语法，例如：

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

其中 `activeClass` 和 `errorClass` 是定义在数据中的类名变量，可以根据需要进行动态切换。