Vue3 全局挂在方法和属性。

第一步

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 }
  }

你可能感兴趣的:(Vue3 全局挂在方法和属性。)