如何在vue.js 2上添加类？

在Vue.js 2中，可以通过以下几种方式来添加类：

1. 使用对象语法： 在模板中，可以使用v-bind指令将一个对象传递给class属性。对象的键是类名，值是布尔值，用于控制是否添加该类。例如：
2. 使用对象语法： 在模板中，可以使用v-bind指令将一个对象传递给class属性。对象的键是类名，值是布尔值，用于控制是否添加该类。例如：
3. 在上面的例子中，如果isActive为true，则会添加active类；如果hasError为true，则会添加error类。
4. 使用数组语法： 除了对象语法，还可以使用数组语法来添加类。可以将一个数组传递给class属性，数组中的每个元素都是一个类名。例如：
5. 使用数组语法： 除了对象语法，还可以使用数组语法来添加类。可以将一个数组传递给class属性，数组中的每个元素都是一个类名。例如：
6. 在上面的例子中，activeClass和errorClass都是定义在Vue实例中的数据，它们的值可以是字符串，也可以是计算属性。
7. 使用三元表达式： 可以在模板中使用三元表达式来根据条件动态添加类。例如：
8. 使用三元表达式： 可以在模板中使用三元表达式来根据条件动态添加类。例如：
9. 在上面的例子中，如果isActive为true，则会添加activeClass类；如果hasError为true，则会添加errorClass类。
10. 使用计算属性： 如果需要根据复杂的逻辑来动态添加类，可以使用计算属性。计算属性可以根据Vue实例的数据进行计算，并返回一个值作为类名。例如：
11. 使用计算属性： 如果需要根据复杂的逻辑来动态添加类，可以使用计算属性。计算属性可以根据Vue实例的数据进行计算，并返回一个值作为类名。例如：
12. 在Vue实例中定义computedClasses计算属性：
13. 在Vue实例中定义computedClasses计算属性：
14. 在上面的例子中，如果isActive为true，则会添加active类；如果hasError为true，则会添加error类。

以上是在Vue.js 2上添加类的几种常用方式。根据具体的需求和场景，选择适合的方式来添加类。对于Vue.js的更多用法和详细介绍，可以参考腾讯云的Vue.js产品文档：Vue.js产品介绍。