vue配置全局变量

//配置全局变量方法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文件中使用上述第一种方法中的声明语法，第二种方法中的引用语法，即上述两种方法交叉使用，仍能实现效果，为什么**？？？？**