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

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

创新互联公司是专业的山丹网站建设公司，山丹接单;提供成都做网站、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行山丹网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

具体步骤如下：

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组件中使用全局变量”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。