vue常见插件安装及使用

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）使用　

　　　　

 

4、path

　　（1）安装

　　　　npm  install  path  --save

　　（2）使用

　　　　path.resolve('/index', '/loan')　　// /index/loan