文章目录 一、全局样式与局部样式scoped 1.1 自定义组件MyBox.vue 1.2 根组件App.vue 二、css模块 module 2.1 自定义组件MyBox.vue 2.2 根组件App.vue 三、类和内联样式 四、sass/scss/less 4.1 less 4.1.1 less是什么 4.1.2 less安装 4.1.3 less用法 4.1.3.1 命令行用法: 4.1.3.2 代码中使用 4.2 sass/scss 4.2.1 sass是什么 4.2.2 为什么使用 Sass? 4.2.3 Sass 是如何工作的? 4.2.4 Sass 安装 4.3 vue-cli3 配置sass/scss/less全局变量,向预处理器 Loader 传递选项 一、全局样式与局部样式scoped 1.1 自定义组件MyBox.vue <script setup></script> <template> <!-- 单根组件 --> <div>