vue3全局注册方法

发布时间:2024年01月22日

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

先说下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(密码)

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

文章来源:https://blog.csdn.net/wyq12138/article/details/135749758
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。