生命周期
生命周期分两种
1、小程序的 生命周期
2、小程序页面的 生命周期
1、小程序的 生命周期
祭献文档地址:https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html
示例代码:
//app.js App({ onLaunch(options) {//小程序初始化完成时触发,全局只触发一次。 console.log("初始化完成",options) }, onShow(options) {//小程序启动,或从后台进入前台显示时触发。 console.log("显示",options) }, onHide() {//小程序从前台进入后台时触发。 console.log("已切换到后台") }, onError(msg) {//小程序发生脚本错误或 API 调用报错时触发。 console.log(msg) }, globalData: 'I am global data;我是全局数据', globalData2: '我是全局数据', })
2、小程序页面的 生命周期
祭献文档地址:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html
示例代码:
onLoad: function(options) { // 页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数。 }, onReady: function() { // 页面初次渲染完成时触发。一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。 }, onShow: function() { // 页面显示/切入前台时触发。 }, onHide: function() { // 页面隐藏/切入后台时触发。 如 wx.navigateTo 或底部tab
切换到其他页面,小程序切入后台等。 }, onUnload: function() { // 页面卸载时触发。如wx.redirectTo或wx.navigateBack到其他页面时。 },
页面事件处理函数:
onPullDownRefresh: function() { // 监听用户下拉刷新事件。 }, onReachBottom: function() { // 监听用户上拉触底事件。 },
onPageScroll: function() {
// 监听用户滑动页面事件
},
onShareAppMessage: function () {
// 用户点击右上角转发
},
onResize: function() {
// 小程序屏幕旋转时触发。详见 响应显示区域变化
},
onTabItemTap(item) {//当前是 tab 页时,点击 tab 时触发
console.log(item.index)
console.log(item.pagePath)
console.log(item.text)
},