vue.js :class 多个函数

在 Vue.js 中，可以使用对象语法为元素设置多个 class。您可以使用一个计算属性来返回一个对象，该对象的 key 是 class 名称，value 是一个布尔值，表示该 class 是否应该被应用。例如：

<template>
  <div :class="classObject"></div>
</template>

<script>
export default {
  computed: {
    classObject() {
      return {
        'classA': this.isClassA,
        'classB': this.isClassB,
        'classC': this.isClassC
      }
    }
  },
  data() {
    return {
      isClassA: true,
      isClassB: false,
      isClassC: true
    }
  }
}
</script>

在上面的示例中，根据 `isClassA`、`isClassB` 和 `isClassC` 布尔值的不同组合，元素将应用不同的 class。

您还可以使用数组语法将多个 class 名称组合在一起，例如：

<template>
  <div :class="[classA, classB, classC]"></div>
</template>

<script>
export default {
  data() {
    return {
      classA: 'class-a',
      classB: 'class-b',
      classC: 'class-c'
    }
  }
}
</script>

在上面的示例中，元素将应用 `class-a`、`class-b` 和 `class-c` 三个类名。