vue3全局注册方法

在日常开发中,有很多需要全局注册的方法,这样子不用每个页面都引入,挺方便的

先说下vue2的回顾下:
比如引入全局axios

import Axios from 'axios'
Vue.prototype.$axios = Axios

vue3 全局注册

getCurrentInstance方式

举例echarts

main.ts
// 引入echarts
import echarts from "./utils/echarts";
app.config.globalProperties.$echarts = echarts

使用
//引入全局注册的proxy
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
proxy.$echarts

inject provide方式

举例md5

main.ts
import { Md5 } from "ts-md5";
app.provide('$md5', Md5)

使用
// 引入全局md5
const $md5 = inject('$md5');
$md5.hashStr(密码)

这样就可以了,是不是很简单

你可能感兴趣的:(vue.js,javascript,前端)