vue3 如何定义全局变量

在vue2中，我们知道vue2.x是使用Vue.prototype.$xxxx=xxx来定义全局变量，然后通过this.$xxx来获取全局变量。

但是在vue3中，这种方法显然不行了。因为vue3中在setup里面我们是无法获取到this的，因此按照官方文档我们使用下面方法来定义全局变量：

首先在main.js里写一个我们要定义的全局变量，比如一个系统id吧


app.config.globalProperties.$systemId = "10"

现在在页面里需要使用这个变量，只需要从vue中引入getCurrentInstance即可，注意不能在页面中使用this.

import { getCurrentInstance } from "vue";
const systemId = getCurrentInstance()?.appContext.config.globalProperties.$systemId
console.log(systemId);//控制台可以看到输出了10

如果大家还有其他的方法欢迎大家评论区留言或者私信我，希望这篇博客可以帮助到大家。

vue3 如何定义全局变量相关推荐

Vue3定义全局变量/方法
vue3定义全局变量在vue2中,我们知道vue2.x是使用Vue.prototype.$xxxx=xxx来定义全局变量,然后通过this.$xxx来获取全局变量. 但是在vue3中,这种方法显然不 ...
Vue3 定义全局变量
在main.js文件中 import { createApp } from 'vue';const app = createApp(App); app.config.globalProperties. ...
在JavaScript函数中定义全局变量
是否可以在JavaScript函数中定义全局变量? 我想在其他函数中使用trailimage变量(在makeObj函数中声明). <html xmlns="http://www.w3. ...
MFC中定义全局变量和全局函数的方法
使用Visual C++6.0 中的MFC 基本应用时, 由于 MFC 制作的工程由很多文件构成, 它不能象一般C++程序那样随意在类外定义全局变量, 那样有时会在运行程序时出现问. 在软件开发过程中 ...
Django定义全局变量
定义全局变量,在项目的任何位置都可以获取到变量的值在include App=>include文件夹下=>context_processors.py 里定义需要获取的变量 #!/usr/b ...
C++中不允许重复定义全局变量
文章目录 1 C++中不允许重复定义全局变量 1 C++中不允许重复定义全局变量 C++中不允许重复定义全局变量: 在C语言中,重复定义多个同名的全局变量是合法的. 在C++中,不允许定义多个同名的全 ...
php中CI框架定义全局变量
PHP CI框架中定义全局变量,方法如下: 在application/libraries目录下创建一个文件,如globle.php,添加如下代码: <?phpclass Globals {// ...
c51语言定义全局变量,全局变量的定义和使用
在用VB开发软件时,经常需要在不同的窗体间共享数据,但在过多的使用全局变量时不便于软件的调试和修改.通常有两种解决方法. 第一种方法:定义全局变量,然后在各个窗体中直接使用,例如 Public str ...
python类定义全局变量_python之全局变量
http://www.cnblogs.com/phoebus0501/archive/2011/01/18/1938728.html 应该尽量避免使用全局变量, 因为: 1) 不同的模块都可以自由的访 ...

vue3 如何定义全局变量

vue3 如何定义全局变量相关推荐

最新文章

热门文章