vue3 动态添加class

在Vue3中，可以通过动态绑定class来实现动态添加class。常见的方法有两种：

1. 对象语法：可以通过一个对象来动态绑定class，对象的属性名是class名称，属性值是一个布尔值，表示是否添加该class。例如：

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

当isAddClass为true时，该元素会添加class-name这个class。

2. 数组语法：可以通过一个数组来动态绑定class，数组中的每个元素都是一个class名称。例如：

<div :class="[ 'class-name', isAddClass ? 'add-class' : '' ]"></div>

当isAddClass为true时，该元素会添加add-class这个class。

在Vue3中，还可以使用模板字符串来动态拼接class名称，例如：

<div :class="[ `class-${dynamicClassName}` ]"></div>

其中dynamicClassName是一个动态变量，可以根据需要进行修改。