vue动态渲染class

在 Vue 中，可以使用 `v-bind:class` 指令来动态渲染 class。具体使用方法如下：

<template>
  <div :class="{'class1': condition1, 'class2': condition2}">
    <!-- 内容 -->
  </div>
</template>

上述代码中，`:class` 表示绑定 class 属性，后面跟着一个对象，对象中的键名表示 class 名称，键值为一个布尔值或表达式，表示是否应该添加该 class。例如，如果 `condition1` 为真，则会添加 `class1`，否则不会添加；同理，如果 `condition2` 为真，则会添加 `class2`，否则不会添加。

除了上述写法之外，还可以使用数组的方式来动态渲染 class，例如：

<div :class="[classA, classB]">
  <!-- 内容 -->
</div>

此时 `classA` 和 `classB` 可以是字符串或表达式，它们会被拼接成一个数组作为 class 属性的值。