使用全局主题如果我们已经设置了一个主题色,或者想在组件中使用框架默认的主题色,那么只需要很简单的应用类名即可官方文档导航:色彩表: https://vuetifyjs.com/styles/colors/组件 color 属性#对应的组件文档中,看到 props 那一栏,只需要搜索 color 关键词,即可列出所有可以设置颜色的属性, 以下是几个例子:vue<!-- 使用 color 属性添加颜色 --><v-btn color="primary"> primary color</v-btn> <!-- 使用 background-color 属性添加颜色 --><v-tabs background-color="primary" color="accent"> <v-tab>Item One</v-tab> <v-tab>Item Two</v-tab> <v-tab>Item Three</v-tab></v-tabs>Copy类名方法设置颜色#vue<!-- 类名方法设置颜色 --><v-btn class="primary"> primary color</v-btn> <!-- 设置文字颜色 --><v-btn class="primary accent--text"> text color</v-btn> <!-- 设置颜色亮度 --><v-btn class="primary darken-4"> primary color</v-btn> <!-- 设置文字颜色亮度 --><v-btn class="primary accent--text text--darken-4"> text color</v-btn>Copy