vue2与vue3—引入echarts以及使用

安装echarts

npm install echarts --save    

vue2中的引入与使用

  main.js中 

import Vue from "vue";
import App from "./App.vue";
import * as echarts from "echarts";
Vue.prototype.$echarts = echarts;

 vue组件中

vue3中的引入与使用

引入方法一： 通过getCurrentInstance

main.js文件中：

import { createApp } from 'vue'
import * as echarts from 'echarts'   //主要代码
import App from './App.vue'
const app =  createApp(App)
app.config.globalProperties.$echarts = echarts      //主要代码
app.mount('#app')

vue组件中：

引入方法二： 组件中直接引入