1、sass
（1）安装
npm install node-sass --save-dev
npm install sass-loader@^7.3.1 --save-dev
npm install style-loader --save-dev
（2）使用
$redColor: red; // 美元符开头定义变量
@mixin rounded-corners{ // 混合器使用@mixin表示符定义
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.div1{
color: $redColor;
.div2{
background: $redColor;
@include rounded-corners; // 通过@include使用混合器
&: hover{ // &表示父选择器的标识符, .div2
background: blue;
}
}
}
2、echarts
（1）安装
npm install echarts --save
（2）使用见文档
使用图表响应式
myChart: '';
mounted(){
let self = this;
window.onresize = function(){
self.myChart.resize()
}
}
init(){
this.myChart = echarts.init(this.$refs.chart)
}
3、vue-count-to
（1）安装
npm install vue-count-to
（2）使用
<countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
4、path
（1）安装
npm install path --save
（2）使用
path.resolve('/index', '/loan') // /index/loan