在Vue3中引入echarts

引入echarts是需要注意:

1.引入echarts5的方式与之前的版本方式不一样

// echarts5以前的版本
import echarts from  echarts 

// echarts5
import * as echarts from  echarts 

2.将echarts5添加到全局变量

// Vue2
Vue.prototype.$echarts = echarts

// Vue3
app.confing.globalProperties.$echarts = echarts

main.js文件

import { createApp } from  vue 
import App from  ./App.vue 
import router from  ./router 
import store from  ./store 
import tcompoment from  ./components/index 
import * as echarts from  echarts 

const app = createApp(App)

app.config.globalProperties.$echarts = echarts

app.use(tcompoment)

app.use(store)
app.use(router)

app.mount( #app )

© 版权声明

相关文章

暂无评论

none
暂无评论...