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


本文标题:如何在vue组件中使用全局变量
转载源于:http://csdahua.cn/article/jhsgjj.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流