【Vue】Vue3的setup如何访问到全局的定义的变量？

偏向明知山

已于 2022-11-08 13:50:41 修改

阅读量731

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue3 园游会文章标签： vue.js javascript 前端

于 2022-11-08 13:49:37 首次发布

本文链接：https://blog.youkuaiyun.com/wzyleix97/article/details/127749308

Vue3 园游会专栏收录该内容

33 篇文章

订阅专栏

本文介绍了如何在Vue中设置全局变量并通过不同方式访问这些变量。包括Vue 2和Vue 3的实现方法，展示了使用getCurrentInstance获取当前实例并访问全局属性的例子。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setup

在插件中定义了全局的变量，当然也可以在main中定义
在这里插入图片描述

export default {
    install(app){
        app.config.globalProperties.$name = 'wzy'
    }
}

读取

在这里插入图片描述

<template>
  <div class="app"></div>
</template>
<script>
import { getCurrentInstance } from "vue";
export default {
  setup() {
    const instance = getCurrentInstance();
    console.log(instance.appContext.config.globalProperties.$name);
  },
};
</script>