vue的：class里面怎么填类名

在Vue.js中，如果你想在模板中使用CSS类名，通常是在HTML元素上直接添加`v-bind:class`指令来动态绑定类名。如果你在一个组件的内部，特别是在`.vue`文件的`<template>`部分，可以这样做：

<div v-bind:class="{ activeClass: isActive }">
  <!-- 当isActive为true时，会应用activeClass类 -->
</div>

这里的`{ activeClass: isActive }`是一个对象，其中`activeClass`是一个属性名，`isActive`则是关联的布尔值。如果`isActive`为真，`activeClass`对应的类就会被添加。

如果你想在`.js`文件中定义这个类，可以在计算属性或数据对象中声明，并在模板里引用它：

data() {
  return {
    isActive: false,
    classList: {
      active: 'my-active-class'
    }
  };
},
methods: {
  toggleActive() {
    this.isActive = !this.isActive;
  }
}

然后在模板中：

<button @click="toggleActive" :class="classList.active">点击切换状态</button>

这样，当按钮被点击时，`my-active-class`会被动态地添加或移除。