scoped
强烈建议使用 scoped ，父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件的 scoped CSS 和子组件的 scoped CSS 的影响。这样设计是为了让父组件可以从布局的角度出发，调整其子组件根元素的样式。
通过深度选择器自定义子组件样式
该方法同样适用于局部某个组件自定义 element-ui 样式
代码示例
使用变量
在项目中可的任何一个 vue 文件中都可以使用 src/styles/variables.scss 下的任意一个变量
强烈建议使用 scoped ，父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件的 scoped CSS 和子组件的 scoped CSS 的影响。这样设计是为了让父组件可以从布局的角度出发，调整其子组件根元素的样式。
该方法同样适用于局部某个组件自定义 element-ui 样式
代码示例
在项目中可的任何一个 vue 文件中都可以使用 src/styles/variables.scss 下的任意一个变量