vue 全局变量的设置与在组件中修改全局变量

1.新建一个js文件 ，我这里新建的为defined.js   代码如下

我添加了两个全局变量 access_token:"",
    refresh_token:"",   set方法是在组件中修改全局变量时需要的 ，

然后在vue项目的main.js中导入defined.js文件

然后将对象添加到vue原型链上，这样就可以在组件中直接调用了

组件的调用方式  通过this访问  在js中访问

this.defined.access_token;

this.defined.refresh_token;

在html中访问

{{this.defined.access_token}}

{{this.defined.refresh_token}}

修改全局变量

this.defined.setAToken(result.data.access_token);
 this.defined.setRToken(result.data.refresh_token);