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

    

你可能感兴趣的:(vue常见插件安装及使用)