当前位置: 首页 > Web前端 > JavaScript

Vue3全局挂在方法和属性上

时间:2023-03-27 17:48:48 JavaScript

第一步import{createApp}from'vue'importAppfrom'./App.vue';constapp=createApp(App);app.config.globalProperties.foo='bar'app.config.globalProperties。test='bar'app.mount('#app')第二步创建useCurrentInstance.ts文件作为ComponentInternalInstanceconstctx=appContext.config.globalProperties;return{ctx}}Step3importuseCurrentInstancefrom"../useCurrentInstance";//根据自己创建的路径引入setup:()=>{const{ctx}=useCurrentInstance();constgetFoo=()=>{控制台。log(ctx)//{foo:"bar"测试:"bar"}}return{getFoo}}