当前阅读教程:Uni-app入门到精通教程 > 3.7.2 globalData | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 3.7 App.vue 3.7.1 应用生命周期 | 下一篇: 3.7.3 全局样式 |
3.7.2 globalData小程序有globalData机制,这套机制在uni-app里也可以使用,全端通用。 以下是 App.vue 中定义globalData的相关配置: <script> export default { globalData: { text: 'text' } } </script> js中操作globalData的方式如下: getApp().globalData.text = 'test' 在应用onLaunch时,getApp对象还未获取,暂时可以使用this.$scope.globalData获取globalData。 如果需要把globalData的数据绑定到页面上,可在页面的onShow页面生命周期里进行变量重赋值。 nvue的weex编译模式中使用globalData的话,由于weex生命周期不支持onShow,但熟悉5+的话,可利用监听webview的addEventListener show事件实现onShow效果,或者直接使用weex生命周期中的beforeCreate。但建议开发者使用uni-app编译模式,而不是weex编译模式。 globalData是简单的全局变量,如果使用状态管理,请使用vuex(main.js中定义) |
|
上一篇: 3.7 App.vue 3.7.1 应用生命周期 | 下一篇: 3.7.3 全局样式 |