茉莉兰亭


偏安一隅

Vue中使用ECharts

  • 527 字
  • 次阅读

通过 npm 获取

1
npm i Echarts

项目中引入

vue2.0

1
2
3
4
import Vue from 'vue'
import * as echarts from 'echarts'
// 绑定全局对象
Vue.prototype.$echarts = echarts

*将引入的 echarts 绑定在全局对象 Vue 的原型上，来做到可以全局调用，$echarts 理论上可以为任何值

vue3.0

3.0引入了创建app的理论，不再直接引入vue对象，且关于绑定全局对象也做了更改，代码如下

1
2
3
4
5
6
7
8
import {createApp} from 'vue'
import * as echarts from 'echarts'
// 引入主页面并创建应用程序
import App from './App.vue'

const myApp = createApp(App)
// 绑定全局对象
myApp.config.globalProperties.$echarts = echarts

*其中 App 为项目的主页面

本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可
, ,