vue-cli3项目使用scss定义全局变量

1，可以新建一个文件夹style 新建main.scss
在这个文件里写入用的比较频繁的样式 如下

2.因为vue-cli3一些配置文件都是放在vue-config.js文件里面的
所以在vue-config.js文件写入（如果新建项目没有这个文件，就在根目录下新建这个文件）

然后就可以在全局使用我们定义的变量了
如果在写样式中遇到多个地方要使用相同的样式，可以利用scss的函数来将其提取出来如下操作
@mixin opa(){
width:20px;
}
//mixin需要在调用之前声明
.demo{
@include opa();
}
就可以使用了，这还是最简单的例子，在@mixin函数中还可以传递参数