在Vue中使用echarts，並解決“TypeError: Cannot read property 'init' of undefined”報錯

1.安裝echarts依賴

　　

npm install echarts --save-dev

 

2.main.js 引入

　　

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

以為這就完了？

　　　

 

 

 控制台很不客氣的報錯“TypeError: Cannot read property 'init' of undefined”

解決辦法：main.js中的import echarts from 'echarts'改為import * as echarts from 'echarts'

 

3.新建一個Echarts.vue，方法在mounted生命周期中調用

 

 

4.效果呈現

 

 

進階的使用方式還需深度學習