2023年12月21日发(作者：)

在 Vue 2 项目中，可以使用动态 class 绑定的方式来根据组件的状态或其他条件添加或移除类。Vue 2 提供了一种简便的方式，通过在对象中设置类名作为键，将布尔值或计算属性作为值。下面是一些动态 class 绑定的写法：

1. 绑定单个类名：

在上述例子中，当

isActive 为

true 时，active 类将被添加到

div 元素上。

2. 绑定多个类名：

在这个例子中，div 元素的类名将根据

isActive 和

hasError 的值动态变化。

3. 使用计算属性：

这里使用了一个名为

computedClasses 的计算属性，这样可以更灵活地根据不同的条件动态计算需要添加的类名。

4. 绑定数组语法：

可以使用数组语法，将多个类名放入数组中：

这里使用了数组语法，根据条件动态地构建一个包含类名的数组。

以上是在 Vue 2 项目中实现动态 class 绑定的几种常见写法。选择适合你项目需求的方法，并根据需要进行调整。