最新版（vue3.3版本）获取全局挂载实例属性/方法

最新推荐文章于 2024-08-13 01:41:45 发布

启猿泰坦

最新推荐文章于 2024-08-13 01:41:45 发布

阅读量513

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_58414623/article/details/131596867

版权

该文讲述了如何在Vue应用中使用createApp初始化，导入并注册自定义指令和状态管理。接着，全局挂载了一个名为count的属性，并利用getCurrentInstance获取内部实例以访问这些全局属性。最后，应用整合了router和i18n，并挂载到#app元素上。

摘要由CSDN通过智能技术生成

import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);
// 全局注册 自定义指令(directive)
setupDirective(app);
// 全局注册 状态管理(store)
setupStore(app);


//这里进行全局属性 or 方法挂载
app.config.globalProperties.count='123456789'

app.use(router).use(i18n).mount('#app');

获取全局挂载的属性/方法

import { getCurrentInstance } from "vue";

let internalInstance = getCurrentInstance();
onMounted(() => {
  console.log(30000);
});
onMounted(() => {
  console.log("getCurrentInstance", internalInstance);
  console.log(
    "getCurrentInstance",
    internalInstance?.appContext.config.globalProperties.count
  );
});