微信小程序开发掌握APP()函数的使用,能够设置及调用页面公共数据,掌握数据缓存API使用方法,代码演示
时间: 2024-12-13 11:17:00 浏览: 3
在微信小程序中,APP()函数主要用于初始化应用,而`setData()`和`getAppData()`等则是用于管理全局数据的工具。下面是一个简单的代码示例:
首先,在`app.js`中,我们可以通过`APP({})`设置全局数据:
```javascript
// app.js
APP({
data: {
// 公共数据,所有页面都可以访问
globalData: {
userInfo: null, // 用户信息
loading: false // 加载状态
},
},
onLaunch: function() {
this.getGlobalData();
},
getGlobalData: function() {
// 获取全局数据
wx.cloud.get({
key: 'globalData',
success: res => {
this.setData({
globalData: res.data,
});
},
});
},
})
```
在这个例子中,我们在`onLaunch`生命周期钩子中调用`getGlobalData()`,获取云端存储的全局数据。
而在其他页面如`pages/index/index.js`,我们可以这样访问和修改这个公共数据:
```javascript
// pages/index/index.js
Component({
properties: {},
data: {},
onLoad: function() {
this.setData({
// 可以直接读取和修改公共数据
userName: this.globalData.userInfo.name
});
},
updateData: function(newUserInfo) {
// 修改全局数据
this.globalData.userInfo = newUserInfo;
this.setData({
userName: newUserInfo.name
});
},
})
```
`updateData`方法可以用来更新全局的用户信息。`setData()`方法则用于将局部数据同步到全局数据上。
阅读全文