uniapp中globaldata的使用

在uni-app中,globalData是一个全局的数据管理对象,可以在整个应用中访问和修改。通过globalData,你可以存储和获取全局变量,从而实现数据的共享和传递。

使用globalData可以大大减少代码的使用,避免在多个组件之间传递数据时出现各种复制和计算的问题。你可以在需要使用全局数据的页面中直接获取和修改globalData下的数据。

要设置或修改globalData中的数据,你需要在页面的生命周期函数中(例如onLoad、onShow等)使用getApp()方法获取app实例,然后通过app实例的globalData属性进行操作。例如:

需要注意的是,由于uni-app的多端运行特性,globalData在不同端的表现可能会有所不同。例如,在微信小程序中,globalData是全局唯一的,而在H5、APP等端上,每个页面都可以有自己的globalData。因此,在使用globalData时需要注意不同端的差异。

在 App.vue 可以定义 globalData ,也可以使⽤ API 读写这个值。 globalData⽀持vue和nvue共享数据。 是⼀种⽐较简单的全局变量使⽤⽅式。

<script>

export default{

globalData:{

text:'text'

},

onLaunch:function(){

console.log('App Launch')

},

onShow:function(){

console.log('App Show')

},

onHide:function(){

console.log('App Hide')

}

}

</script>

<style>

/*每个页⾯公共css */

</style>

js中操作globalData的⽅式如下:

赋值:getApp().globalData.text = 'test'

取值:console.log(getApp().globalData.text)

如果需要把globalData的数据绑定到页⾯上,可在页⾯的onshow声明周期⾥进⾏变量重赋值。HBuilderX 2.0.3起,nvue页⾯在uni-app 编译模式下,也⽀持onshow。

相关推荐
小徐_23332 天前
uni-app vue3 也能使用 Echarts?Wot Starter 是这样做的!
前端·uni-app·echarts
iOS阿玮2 天前
永远不要站在用户的对立面,挑战大众的公知。
uni-app·app·apple
xw52 天前
uni-app中v-if使用”异常”
前端·uni-app
!win !2 天前
uni-app中v-if使用”异常”
前端·uni-app
2501_915918412 天前
iOS 上架全流程指南 iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传 ipa 与审核实战经验分享
android·ios·小程序·uni-app·cocoa·iphone·webview
00后程序员张2 天前
iOS App 混淆与加固对比 源码混淆与ipa文件混淆的区别、iOS代码保护与应用安全场景最佳实践
android·安全·ios·小程序·uni-app·iphone·webview
00后程序员张2 天前
详细解析苹果iOS应用上架到App Store的完整步骤与指南
android·ios·小程序·https·uni-app·iphone·webview
海绵宝宝不喜欢侬2 天前
uniapp-微信小程序分享功能-onShareAppMessage
微信小程序·小程序·uni-app
2501_915106322 天前
Xcode 上传 ipa 全流程详解 App Store 上架流程、uni-app 生成 ipa 文件上传与审核指南
android·macos·ios·小程序·uni-app·iphone·xcode
xkxnq2 天前
Uniapp崩溃监控体系构建:内存泄漏三维定位法(堆栈/资源/线程)
uni-app