在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')