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

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

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

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

vue 全局变量的设置与在组件中修改全局变量_原型链_02

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

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

组件的调用方式  通过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);