应用生命周期

App({
  /**
   * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
   */
  onLaunch: function () {
    console.log('----> App:onLaunch')
  },

  /**
   * 监听系统主题改变事件
   */
  onThemeChange() {
    console.log('----> App:onThemeChange')
  },

  /**
   * 当小程序启动,或从后台进入前台显示,会触发 onShow
   */
  onShow: function (options) {
    console.log('----> App:onShow');
  },

  /**
   * 监听小程序要打开的页面不存在事件
   */
  onPageNotFound() {
    console.log('----> App:onPageNotFound');
  },

  /**
   * 当小程序从前台进入后台,会触发 onHide
   */
  onHide: function () {
    console.log('----> App:onHide');
  },

  /**
   * 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
   */
  onError: function (msg) {
    console.log('----> App:onError');
  },

  /**
   * 监听未处理的 Promise 拒绝事件
   */
  onUnhandledRejection() {
    console.log('----> App:onUnhandledRejection');
  }
})

页面生命周期

// 获取应用实例
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log('----> Page:onLoad');
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  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');
  }
})

运行结果
Snipaste_2022-09-02_10-06-23.png
Snipaste_2022-09-02_10-06-23.png

标签: 小程序,小程序生命周期

添加新评论