Vue之v-charts单组件封装

简介

在没有v-charts之前要使用echarts生成图表时配置、数据非常繁琐，可以说v-charts的出现给开发者们省去了不少麻烦，可以提前几小时下班^_

安装

npm i v-charts echarts -S

引入方式两种

全局引入

import Vue from 'vue'
import VCharts from 'v-charts'
Vue.use(VCharts)

按需引入

v-charts的每种图表组件都单独打包到lib文件夹下,故但组件引入的方式如下

import VePie from 'v-charts/lib/pie.common'

单组件引入示例