uniapp globalData的用法
时间: 2023-12-01 20:04:05 浏览: 135
`globalData` 是 Uniapp 提供的一个全局数据存储对象,可以在应用的任何页面中访问和修改该对象的属性,实现跨页面数据共享的功能。使用 `globalData` 可以避免使用事件总线等非官方解决方案,提高代码的可读性和可维护性。
具体使用步骤如下:
1. 在 `App.vue` 文件中,定义 `globalData` 对象,并在 `onLaunch` 生命周期中初始化该对象的属性。例如:
```javascript
export default {
globalData: {
userInfo: null
},
onLaunch() {
// 获取用户信息,并将其存储到 globalData 中
uni.getUserInfo({
success: res => {
this.globalData.userInfo = res.userInfo
}
})
}
}
```
2. 在应用的任何页面中,可以通过 `getApp().globalData` 访问全局数据对象,读取和修改其中的属性。例如:
```javascript
export default {
onLoad() {
// 读取全局数据对象中的 userInfo 属性
console.log(getApp().globalData.userInfo)
// 修改全局数据对象中的 userInfo 属性
getApp().globalData.userInfo = { name: '张三', age: 20 }
}
}
```
需要注意的是,`globalData` 对象的数据是全局共享的,修改一个页面中的属性值会影响到其他页面中该属性的值,因此需要谨慎使用。同时,为了防止 `globalData` 对象被篡改,建议将其定义为不可修改的常量对象。
阅读全文