站三界导航
首页 uniapp代码uni-app中设置全局变量可以使用Vue的原型链来实现

uni-app中设置全局变量可以使用Vue的原型链来实现

  • uniapp代码
  • 来源:站三界导航
  • 54阅读
  • 2023-03-27

在main.js文件中定义一个Vue实例并将其挂载在Vue原型上:

import Vue from 'vue'
const app = new Vue()
Vue.prototype.$app = app
在任何组件中都可以通过this.$app访问该Vue实例,并在该实例上定义需要的全局变量:

// 组件A中设置变量
this.$app.globalData = {
  userInfo: { name: '张三', age: 18 },
  token: 'xxxxxxxxxxxxxxxxxxxx'
}

// 组件B中获取变量
console.log(this.$app.globalData.userInfo.name) // 输出:张三
console.log(this.$app.globalData.token) // 输出:xxxxxxxxxxxxxxxxxxxx
这样就可以在任何组件中都共享同一个全局变量了。需要注意的是,为了避免冲突,建议使用独特的变量名来表示全局变量。

本文结束
本文来自投稿,不代表站三界导航立场,如若转载,请注明出处:https://www.zhansanjie.com/article/details/40362.html

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

分享
站三界导航
本站声明:本站严格遵守国家相关法律规定,非正规网站一概不予收录。本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,站三界导航不承担任何责任。在此特别感谢您对站三界导航的支持与厚爱。