vue的：class里面怎么填值

在Vue.js中，如果你想在`<template>`标签的`v-bind:class`指令中动态地给元素添加或移除CSS类，通常会结合JavaScript（尤其是使用组件的实例数据或者计算属性）来操作。假设你在`.vue`文件的`data()`函数中定义了一个对象，你可以这样做：

<!-- .vue 文件 -->
<template>
  <div :class="getClassObject"></div>
</template>

<script>
export default {
  data() {
    return {
      classObject: { // 这里是你需要动态切换的类名和对应的状态
        active: false,
        highlighted: false
      }
    };
  },
  computed: {
    getClassObject() {
      return this.classObject; // 或者使用更复杂的逻辑判断返回不同的class对象
    }
  },
};
</script>

在这个例子中，`getClassObject`是一个计算属性，它返回当前的`classObject`对象，该对象的键（如`active`或`highlighted`）将作为`v-bind:class`的条件。当对应的值改变时，组件的样式就会随之更新。

如果你需要在某个特定的`<button>`或其他元素上进行这样的操作，只需将`div`替换为`button`并相应地调整`classObject`的键和值即可。