vue+ui

一、elementui

npm i element-ui -S

// ********************************

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

相关问题：

　　1、【树形表格】使树形表格的小箭头指定列：指定列之前的所有列加【type=''】； 

　　2、【分页插件】初始化时total=100、pageSize=20、currentPage=5，更新值时total=100、pageSize=10、currentPage=10，视图渲染后发现活动页仍然在第5页。得结论：当currentPage>最大页码数时，currentPage=最大页码数，并且currentPage在pageSize之前执行。解决：pageSize赋值=>$nextTick=>currentPage赋值；

二、vant

npm i vant -S

// ********************************

import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';

Vue.use(Vant);

三、echarts

npm install echarts --save

// ********************************

import * as echarts from 'echarts';// 基于准备好的dom，初始化echarts实例

var myChart = echarts.init(document.getElementById('main'), 'light', {
    renderer: 'svg'
});
// 绘制图表
myChart.setOption({
    title: {
        text: 'ECharts 入门示例'
    },
    tooltip: {},
    xAxis: {
        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
});

四、.babelrc

　　从linux的开发习惯做为历史，rc结尾的文件，一般都是运行时自动加载的文件、配置文件等。

　　现在es6还没有被所有的浏览器都支持，所以需要babel将es6转换成浏览器能够识别的代码。所以，.babelrc文件，是用来设置转码的规则和插件的。

　　要在<style scope></style>中修改elementui或vant样式，可以使用【/deep/】和【>>>】选择器，sass中必须使用【/deep/】