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。