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=''】；

二、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

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

var echarts = require('echarts');

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 绘制图表
myChart.setOption({
    title: {
        text: 'ECharts 入门示例'
    },
    tooltip: {},
    xAxis: {
        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [, , , , , ]
    }]
});

四、.babelrc

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

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