一、全局引入

在main.js中引入：

1 // 引入echarts2 import echarts from 'echarts'3 4 Vue.prototype.$echarts = echarts

 

Hello.vue中的methods中：

// 基于准备好的dom，初始化echarts实例

let myChart = this.$echarts.init(document.getElementById('myChart'))

 

二、按需引入

Hello.vue中：

1 // 引入基本模板2 let echarts = require('echarts/lib/echarts')3 // 引入柱状图组件4 require('echarts/lib/chart/bar')5 // 引入提示框和title组件6 require('echarts/lib/component/tooltip')7 require('echarts/lib/component/title')

 

在methods:中：

// 基于准备好的dom，初始化echarts实例

let myChart = echarts.init(document.getElementById('myChart'))

注意： 这里全局引入是 this.$echarts.init() 按需引入是：echarts.init()