在vue中使用sass的mixin来简化样式代码，提高代码的复用率

第一步，安装sass依赖

npm install sass-loader node-sass --save-dev

第二步，通常在src/style文件夹下新建minxin.scss文件

 //背景颜色，更换主题
$bg_color:#25c9d0;
//设置背景图片和大小
@mixin bis($url) { 
	background-image: url($url);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

使用:

 <style lang="scss" scoped>
    @import '../../style/mixin';
    .head_logo{
        width:100px;
        height:100px;
        background:$bg_color;
        @include bis($url);
    }

是不是很简单