小程序 APP 全局生命周期函数
//app.js App({ /* * 页面一加载就会被调用,只调用一次 * 可以获取用户信息、获取历史缓存信息、获取小程序打开来源 * @params options */ onLaunch(options) { console.log('APP全局生命周期函数: onLaunch', options); // path 访问小程序的路径 // query打开小程序的参数 // scene 打开小程序的场景值 },
/*
- 页面一加载就会被调用,调用多次
- 实时动态更改的数据,用户每次进来都要从服务器更新
- @params options
*/
onShow(options) {
console.log('APP全局生命周期函数: onShow', options);
// path 访问小程序的路径
// query打开小程序的参数
// scene 打开小程序的场景值
},
/*
- 页面隐藏时就会被调用
- 数据保存
- @params null
*/
onHide() {
console.log('APP全局生命周期函数: onHide');
},
/*
- 页面发生错误事会被调用
- 调试更改错误
- @params error
*/
onError(error) {
console.log('APP全局生命周期函数: onError', error);
},
// 全局变量
globalData: {
username: 'korea'
}})
小程序Page页面生命周期函数
// pages/life-cycle/life-cycle.js
const app = getApp();
Page({
/**
- 页面的初始数据
*/
data: {
username: null,
array:[1, 2, 3, 4]
},
/**
- 生命周期函数--监听页面加载
*/
onLoad(options) {
console.log('Page 生命周期函数: onLoad');
this.setData({
username: app.globalData.username
});
console.log("全局变量", this.data.username);
},/**
- 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
console.log('Page 生命周期函数: 监听页面初次渲染完成, onReady');
},
/**
- 生命周期函数--监听页面显示
*/
onShow: function () {
console.log('Page 生命周期函数: 监听页面显示, onShow');
},
/**
- 生命周期函数--监听页面隐藏
*/
onHide: function () {
console.log('Page 生命周期函数: 监听页面隐藏, onHide');
},
/**
- 生命周期函数--监听页面卸载
*/
onUnload: function () {
console.log('Page 生命周期函数: 监听页面卸载, onUnload');
},
/**
- 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
console.log('Page 生命周期函数: 页面相关事件处理函数--监听用户下拉动作, onPullDownRefresh');
},
/**
- 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
console.log('Page 生命周期函数: 页面上拉触底事件的处理函数, onReachBottom');
},
/**
- 用户点击右上角分享
*/
onShareAppMessage: function () {
console.log('Page 生命周期函数: 用户点击右上角分享, onShareAppMessage');
}
})
- 页面的初始数据