vue中:class 是什么意思

在Vue中，`:class`是一个指令，用于动态地绑定一个或多个CSS类。它可以接受一个对象、一个数组或一个字符串作为参数。

如果传递的是一个对象，则对象的属性名表示CSS类名，属性值表示是否应该将该类名添加到元素上。例如：

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

在上面的示例中，`active`和`text-danger`是两个CSS类名，`isActive`和`hasError`是Vue组件实例中的两个属性，如果它们的值为`true`，则相应的类名将被添加到`<div>`元素上。

如果传递的是一个数组，则数组中的每个元素都应该是一个CSS类名。例如：

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

在上面的示例中，`activeClass`和`errorClass`都是Vue组件实例中的变量，它们分别表示CSS类名`active`和`error`。如果这些变量的值为`true`，则相应的类名将被添加到`<div>`元素上。

如果传递的是一个字符串，则字符串可以包含多个CSS类名，它们之间用空格分隔。例如：

<div :class="'active text-danger'"></div>

在上面的示例中，`active`和`text-danger`都是CSS类名，它们将被添加到`<div>`元素上。