在日常开发中,有很多需要全局注册的方法,这样子不用每个页面都引入,挺方便的
先说下vue2的回顾下:
比如引入全局axios
import Axios from 'axios'
Vue.prototype.$axios = Axios
举例echarts
main.ts
// 引入echarts
import echarts from "./utils/echarts";
app.config.globalProperties.$echarts = echarts
使用
//引入全局注册的proxy
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
proxy.$echarts
举例md5
main.ts
import { Md5 } from "ts-md5";
app.provide('$md5', Md5)
使用
// 引入全局md5
const $md5 = inject('$md5');
$md5.hashStr(密码)