怎么在vue组件中使用全局变量

2023-08-27 4549阅读 0评论

在vue组件中使用全局变量的方法：1.新建vue.js项目；2.使用export方法定义全局变量；3.使用Vue.prototype方法挂载全局变量；4.使用this调用全局变量；

具体步骤如下：

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组件中使用全局变量》来自互联网同行内容，若有侵权，请联系我们删除！

2、物联网实战--入门篇之(四)嵌入式-UART驱动

3、Microsoft Office无法联网激活的解决办法

4、Vue.prototype则是一种注册全局变量的方式，使得定义的属性和方法可以在所有Vue实例中共享和访问。

免责声明

1、本网站属于个人的非赢利性网站，转载的文章遵循原作者的版权声明。
2、本网站转载文章仅为传播更多信息之目的，凡在本网站出现的信息，均仅供参考。本网站将尽力确保所
提供信息的准确性及可靠性，但不保证信息的正确性和完整性，且不对因信息的不正确或遗漏导致的任何
损失或损害承担责任。
3、任何透过本网站网页而链接及得到的资讯、产品及服务，本网站概不负责，亦不负任何法律责任。
4、本网站所刊发、转载的文章，其版权均归原作者所有，如其他媒体、网站或个人从本网下载使用，请在
转载有关文章时务必尊重该文章的著作权，保留本网注明的“稿件来源”，并白负版权等法律责任。

手机扫描二维码访问