vue获取class

在Vue中获取class有几种方式：

1. 使用`v-bind:class`指令：可以根据条件动态地给元素添加或移除class。你可以直接在模板中绑定一个对象，对象的属性名为class名，属性值为布尔类型的条件值，当条件为真时，对应的class将被应用。

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

2. 使用计算属性：你可以定义一个计算属性来返回需要的class值。在计算属性中根据条件返回不同的class名。

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

computed: {
  computedClasses() {
    return {
      active: this.isActive,
      'text-danger': this.hasError
    };
  }
}

3. 使用数组语法：你可以直接将一个包含class名的数组绑定到元素的`:class`属性上。数组中的每个元素都会被当作class名添加到元素上。

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

data() {
  return {
    activeClass: 'active',
    errorClass: 'text-danger'
  };
}

以上是几种常用的方式，你可以根据具体的需求选择适合的方法来获取class。