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

原创已于 2022-11-08 13:50:41 修改 · 759 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

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

Vue3 园游会专栏收录该内容

33 篇文章

订阅专栏

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

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>