uniapp—使用全局变量机制globalData来定义并引用全局变量

小程序有globalData机制,这套机制在uni-app里也可以使用,全端通用。
在App.vue文件里定义globalData(也可以使用 API 读写这个值),然后可在globalData中定义全局变量。
优点:globalData 是一种比较简单的全局变量使用方式。globalData 支持 vue 和 nvue 共享数据。

示例一

  • 在 App.vue 中声明全局变量
  

  
  • 为全局变量赋值
getApp().globalData.name= 'yang'//赋值
  • 获取全局变量的值
console.log(getApp().globalData.name) //取值

js中操作globalData的方式如下:

  • 赋值:getApp().globalData.name= 'liy'
  • 取值:console.log(getApp().globalData.name) // 'liy'

备注:在应用onLaunch时,getApp对象还未获取,暂时可以使用this.$scope.globalData获取globalData。

示例二

  • App.vue 中定义全局变量




  • home.vue 中为全局变量赋值



  • new-page2.vue 中获取全局变量



如果需要把 globalData 的数据绑定到页面上,可在页面的onShow声明周期里进行变量重赋值。

拓展:uni-app之 全局变量/方法/模块/组件 的使用

你可能感兴趣的:(uniapp—使用全局变量机制globalData来定义并引用全局变量)