mobile wallpaper 1
mobile wallpaper 2
mobile wallpaper 3
mobile wallpaper 4
99 字
1 分钟
Vue中使用ECharts
2021-03-13

通过 npm 获取#

npm i Echarts

项目中引入#

vue2.0#

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

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

vue3.0#

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

import {createApp} from 'vue'
import * as echarts from 'echarts'
// 引入主页面并创建应用程序
import App from './App.vue'
const myApp = createApp(App)
// 绑定全局对象
myApp.config.globalProperties.$echarts = echarts

*其中 App 为项目的主页面

分享

如果这篇文章对你有帮助,欢迎分享给更多人!

Vue中使用ECharts
https://marrydream.top/posts/web前端/vue中使用echarts/
作者
茉铃
发布于
2021-03-13
许可协议
CC BY-NC-SA 4.0

部分信息可能已经过时

目录