vue :class

Vue的:class是Vue.js框架中的一个指令，用于动态地绑定CSS类。通过:class指令，我们可以根据不同的条件来动态地添加或移除元素的CSS类。

:class指令有多种用法，可以接受一个对象、一个数组或者一个字符串作为参数。

1. 对象语法：
可以传入一个对象，对象的键表示CSS类名，值表示是否应用该CSS类。例如：

<div :class="{ active: isActive, 'text-danger': hasError }"></div>

上述代码中，如果isActive为true，则会添加active类；如果hasError为true，则会添加text-danger类。

2. 数组语法：
可以传入一个数组，数组的每个元素表示一个CSS类名。例如：

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

上述代码中，activeClass和errorClass是两个变量，它们分别表示要添加的CSS类名。

3. 字符串语法：
可以直接传入一个字符串，字符串中可以包含多个CSS类名，用空格分隔。例如：

<div :class="classString"></div>

上述代码中，classString是一个字符串变量，它表示要添加的CSS类名。

总结一下，通过:class指令，我们可以根据不同的条件动态地添加或移除元素的CSS类，使得我们可以根据不同的状态来改变元素的样式。