vue3引入echarts

main.js文件

import { createApp } from "vue";
import App from "./App.vue";
import "./registerServiceWorker";
import router from "./router";
import store from "./store";
import * as echarts from 'echarts'

const app = createApp(App)
app.use(store)
app.use(router)
app.config.globalProperties.$echarts = echarts

app.mount("#app");

需要注意两个地方：

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

// echarts5.0以前的版本
import echarts from 'echarts'

// echarts5.0
import * as echarts from 'echarts'

2、将echarts添加到全局变量

// vue2
Vue.prototype.$echarts = echarts

// vue3
app.config.globalProperties.$echarts = echarts

在组件（例如about.vue文件）中使用的方式都是一样的

<template>
  <div class=&