vue2 与vue-charts结合

charts与vue结合使用有两个方法
一个是 直接引入 npm install echarts --save
https://echarts.apache.org/handbook/zh/basics/import

还有一种是采用封装的的vue组件进行开发
https://github.com/ecomfe/vue-echarts

本次示例采用第二种，其实官方文档已经比较详细了，但没有一个vue2的demo,本人实力不济，走了一点弯路。

由于vue-chart 用到了demi，用来判断当前环境是vue2还是vue3,但不知道为什么在我电脑不会自动判断。所以给他强制指定一下vue版本

npx vue-demi-switch 2

main.js的引入

import Vue from 'vue'
import App from './App.vue'
import ECharts from 'vue-echarts'
import "echarts";
Vue.component('v-chart', ECharts)

Vue.config.productionTip = false

new Vue({
   
  render: h => h(App),
}).$mount('#a