小程序的生命周期（应用，页面和组件）

Posted 2021-05-18 Lumbago～

小程序生命周期
1.应用生命周期
入口文件 首先调用APP方法

  onLaunch(){
    //应用生命周期 一般情况下,在这个地方获取用户个人微信信息
    console.log("onLaunch");
  },

属性 类型 默认值 必填 说明 最低版本
onLaunch: 监听小程序初始化。 当应用第一次启动就会触发的事件
onShow: 监听小程序启动或切前台。 应用被用户看到 //页面重置
onHide: 监听小程序切后台。 暂停或者清楚定时器
onError: 错误监听函数。当应用的代码发生报错 当应用发生错误的时候, 获取错误信息, 传递给后端服务器
onPageNotFound: 页面不存在监听函数。 1.9.90 当应用第一次启动的时候. 如果找不到第一个入口页面 就会被触发
onUnhandledRejection: 未处理的 Promise 拒绝事件监听函数。 2.10.0
onThemeChange: 监听系统主题变化 2.11.0 系统主题 当微信切换主题模式的时候 小程序也跟着切换主题
2.页面生命周期
页面js 首先调用Page方法
属性 类型 默认值 必填 说明

    onLoad: function (options) {
      //页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数 相当于vue的创建后
        console.log(getApp())
        // getApp().consoleHaha()
    },

， onLoad: 生命周期回调—监听页面加载
onShow: 生命周期回调—监听页面显示
onReady: 生命周期回调—监听页面初次渲染完成
onHide: 生命周期回调—监听页面隐藏
onUnload: 生命周期回调—监听页面卸载
onPullDownRefresh: 监听用户下拉动作
onReachBottom: 页面上拉触底事件的处理函数
onShareAppMessage: 用户点击右上角转发
onShareTimeline: 用户点击右上角转发到朋友圈
onAddToFavorites: 用户点击右上角收藏
onPageScroll: 页面滚动触发事件的处理函数
onResize: 页面尺寸改变时触发，详见 响应显示区域变化
onTabItemTap: 当前是 tab 页时，点击 tab 时触发
3.组件生命周期
组件js 首先调用Component方法

   created() {
      console.log("在组件实例刚刚被创建时执行")
    },

created： 组件实例化，但节点树还未导入，因此这时不能用setData
attached： 节点树完成，可以用setData渲染节点，但无法操作节点
ready：(不是onReady) 组件布局完成，这时可以获取节点信息，也可以操作节点
moved： 组件实例被移动到树的另一个位置
detached： 组件实例从节点树中移除