小程序的生命周期

191 阅读1分钟

小程序的生命周期分为三大类。

 1、应用的生命周期
    指小程序从启动—>运行—>销毁的过程
 2、页面的生命周期
    指每个页面,从加载—>渲染—>卸载的过程
 3、组件的生命周期
    每个子组件,创建—>进入页面节点渲染—>被页面节点移除的过程     

应用生命周期

App({
    onLaunch(){
      console.log('onLaunch监听小程序的初始化,全局只触发一次')
     },
    onShow(){
      console.log('onShow监听小程序启动或切前台')
     },
    onHide(){
      console.log('onHide监听小程序切后台')
     },
    onError(){
      console.log('onError错误监听 函数')
      },
    onThemeChange(){
      console.log('onThemeChange监听系统主题变化')
     },   
  })

页面生命周期

Page({

    //页面的初始化
    data:{
    },
    
    //监听页面加载
    onLda:function (options) {
    },
    
    //监听页面显示
    onShow:function () {
    },
    
    //监听页面初次渲染完成
    onReady:function () {
    },
    
    //监听页面隐藏
    onHide:function () {
    },
    
    //监听页面卸载
    onUnload:function () {
    },
    
    //监听用户下拉动作
    onPullDownRefresh:function () {
    },
    
    //页面上拉触底事件的处理函数
    onReachBottom:function () {
    },
    
    //用户点击右上角转发
    onShareAppMessage:function () {
    },
    
    //用户点击右上角转发到朋友圈
    onShareTimeline:function () {
    },
    
    //用户点击右上角收藏
    onAddToFavorites:function () {
    },
    
    //页面滚动触发事件的处理函数
    onPageScroll:function () {
    },
    
    //页面尺寸改变时触发,详见 响应显示区域发生变化
    onResize:function () {
    }
      

组件生命周期

Component({
  lifetimes:{
  //在组件实例进入页面节点树时执行
  attached:function () {
  },
  
  //在组件实例被从页面节点树移除时执行
  detached:function () {
  },