微信小程序-生命周期-蒲公英云

微信小程序-生命周期

末蓝、 2023-03-02 04:57 96阅读 0赞

全局

App({ 
  onLaunch (options) { 
    // 
    console.log('小程序初始化')
  },
  onShow(options) { 
    console.log('监听小程序启动或切前台')
  },
  onHide() { 
    console.log('监听小程序切后台')
  },
  onError(msg) { 
    console.log('错误监听函数')
  },
  onPageNotFound(res) { 
    console.log('小程序要打开的页面不存在时触发');
    wx.redirectTo({  // 重定向
      url: 'pages/...'
    }) // 如果是 tabbar 页面，请使用 wx.switchTab
  }
})

页面生命周期

Page({ 
  /** * 页面的初始数据 */
  data: { 
  },
 /*页面生命周期*/
 onReady: function () { 
    console.log('监听页面初次渲染完成')
  },
  onShow: function () { 
    console.log('监听页面显示')
  },
  onHide: function () { 
    console.log('监听页面隐藏')
  },
  onUnload: function () { 
    console.log('监听页面卸载')
  },
  /** * 页面相关事件处理函数--监听用户下拉动作 */
  onPullDownRefresh: function () { 
  },
  /** * 页面上拉触底事件的处理函数 */
  onReachBottom: function () { 
  },
  /** * 用户点击右上角分享 */
  onShareAppMessage: function () { 
  }
})

组件生命周期

/*组件生命周期*/ 
  lifetimes: { 
    created() { 
      console.log("在组件实例刚刚被创建时执行")
    },
    attached() {  
      console.log("在组件实例进入页面节点树时执行")
    },
    ready() { 
      console.log("在组件在视图层布局完成后执行")
    },
    moved() { 
      console.log("在组件实例被移动到节点树另一个位置时执行")
    },
    detached() { 
      console.log("在组件实例被从页面节点树移除时执行")
    },
    error() { 
      console.log("每当组件方法抛出错误时执行")
    },
    /*组件所在页面的生命周期 */
    pageLifetimes: { 
      show: function () { 
        // 页面被展示
        console.log("页面被展示")
      },
      hide: function () { 
        // 页面被隐藏
        console.log("页面被隐藏")
      },
      resize: function (size) { 
        // 页面尺寸变化
        console.log("页面尺寸变化")
      }
    }