欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue配置全局变量

程序员文章站 2024-01-21 23:59:52
...

//配置全局变量方法1

在main.js文件中添加如下语句:

**Vue.prototype.$TENANTID = '1';**

在需要使用该变量的文件中使用下述语法对变量进行操作:

this.$TENANTID = ‘2’; //修改变量的值

console.log(this.$TENANTID);

//配置全局变量方法2:

在main.js文件的Vue实例的data属性中添加变量:

data:function(){
        return{
             TENANTID :'1‘;
        }
   },

在其他文件中引用:

this.$root.TENANTID = '2';
console.log(this.$root.TENANTID);

疑问:
在main.js文件中使用上述第一种方法中的声明语法,第二种方法中的引用语法,即上述两种方法交叉使用,仍能实现效果,为什么**????**