第一步
import { createApp } from 'vue'
import App from './App.vue';
const app = createApp(App);
app.config.globalProperties.foo = 'bar'
app.config.globalProperties.test = 'bar'
app.mount('#app')
第二步
创建useCurrentInstance.ts文件
import { ComponentInternalInstance, getCurrentInstance } from 'vue'
export default function useCurrentInstance() {
const { appContext } = getCurrentInstance() as ComponentInternalInstance
const ctx = appContext.config.globalProperties;
return {
ctx
}
}
第三步
import useCurrentInstance from "../useCurrentInstance";//根据自己创建的路径引入
setup: () => {
const { ctx } = useCurrentInstance();
const getFoo = () => {
console.log(ctx) //{foo: "bar" test: "bar"}
}
return {getFoo }
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。