如何在vue组件中使用全局变量

这篇文章主要介绍"如何在vue组件中使用全局变量"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"如何在vue组件中使用全局变量"文章能帮助大家解决问题。

具体步骤如下：

1.首先，在vue-cli中创建一个vue.js项目；

vue create project-name

2.vue.js项目创建好后，在项目中使用export方法定义全局变量；

export default{access_token:"",refresh_token:"",setAToken(access_token){this.access_token = refresh_token;},setAToken(refresh_token){this.refresh_token = access_token;}}

3.全局变量定义好后，使用Vue.prototype方法将全局变量挂载到vue实例中；

Vue.prototype.defined = defined;

4.最后，全局变量挂载好后，使用this方法即可调用全局变量；

this.defined.access_token;this.defined.refresh_token;

关于"如何在vue组件中使用全局变量"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注行业资讯频道，小编每天都会为大家更新不同的知识点。