Vue3全局挂载以及使用

1.在main.js文件挂载全局方法

main.js
//首先引入需要挂载的方法或其他，这里以echarts为例

import * as echarts from 'echarts';

const app = createApp(App);
app.config.globalProperties.$echarts = echarts;

之前记得echarts5.0在vue3写法好像变了，不知道是啥

2.使用全局挂载的方法

app.vue


import {getCurrentInstance } from 'vue';

//第一种
const {proxy } = getCurrentInstance();
console.log(proxy.$echarts) //ok

//第二种
//获取组件实例
const { appContext } = getCurrentInstance();
// 绑定在全局上的对象
const globalProxy = appContext.config.globalProperties;
console.log(globalProxy.$echarts) //ok