小程序应用生命周期

108 阅读2分钟

生命周期介绍

  • 定义

    • 一个组件或者页面生老病死的过程
    • 一堆会在特定时期触发的函数
  • 分类

    • 应用生命周期
    • 页面生命周期
    • 组件生命周期

应用生命周期钩子函数

属性说明
onLaunch生命周期回调——监听小程序初始化。
onShow生命周期回调——监听小程序启动或切前台。
onHide生命周期回调——监听小程序切后台。
onError错误监听函数。

参数对象

一般放在生命周期钩子函数的第一个参数。onLaunch钩子函数的参数对象为

image.png

页面生命周期

** 页面生命周期钩子函数**

属性说明
onLoad生命周期回调—监听页面加载
onShow生命周期回调—监听页面显示
onReady生命周期回调—监听页面初次渲染完成
onHide生命周期回调—监听页面隐藏
onUnload生命周期回调—监听页面卸载
onPullDownRefresh监听用户下拉动作
onReachBottom页面上拉触底事件的处理函数
onShareAppMessage用户点击右上角转发
onShareTimeline用户点击右上角转发到朋友圈
onAddToFavorites用户点击右上角收藏
onPageScroll页面滚动触发事件的处理函数
onResize页面尺寸改变时触发,详见 响应显示区域变化

页面生命周期-页面参数

页面间传递及接收参数

  • 传递:拼接到页面url中,如pages/index/index?id=10086&name=续集号

  • 接收:通过onLoad回调的第一参数。

image.png

组件生命周期

组件生命周期钩子函数

属性说明
created组件生命周期函数 - 在组件实例刚刚被创建时执行,注意此时不能调用 setData )
attached组件生命周期函数 - 在组件实例进入页面节点树时执行)
ready组件生命周期函数 - 在组件布局完成后执行)
moved组件生命周期函数 - 在组件实例被移动到节点树另一个位置时执行)
detached组件生命周期函数 - 在组件实例被从页面节点树移除时执行)