小程序中的生命周期有哪些?

一、小程序中生命周期的分类

小程序中的生命周期有以下三种

1应用生命周期

小程序的生命周期函数是在app.js中调用通过App(Object)函数用来注册一个小程序指定其小程序的生命周期回调

2页面生命周期

页面生命周期函数就是每进入到一个新的页面的时候就会调用的生命周期函数通过App(Object)函数用来注册一个小页面

3组件生命周期

组件的生命周期是指组件自身的一些函数当满足某些条件时就会被触发通过Components(Object)来注册组件

二、分别有哪些生命周期

1应用生命周期

onLanch: 小程序初始化完成时触发全局只触发一次

onShow: 小程序启动或从后台进入前台时触发

onHide: 小程序从后台进入前台时触发如底部tab栏切换到其他页面

onEerror小程序发生错误或者API调用报错时触发

onPageNotFound: 小程序要打开的页面不存在时触发

onUnhandleRejection小程序有未处理的Promise拒绝时触发

onThemeChange系统切换主题时触发

2页面生命周期

onLoad: 监听页面加载只会调用一次可获取当前页面路径的参数相当于view中的created

onShow: 监听页面显示发送请求获取数据

onReady监听页面初次渲染完成获取页面元素相当于view中的mounted)

onHide监听页面隐藏如底部tab栏切换到其他页面或小程序切入后台等触发

onUnload监听页面卸载如redirectTo或navigateBack到其他页面时触发

3组件生命周期

created监听页面加载

attached监听页面显示这个生命周期用的多绝大多数初始化工作可以在这里进行

ready监听页面初次渲染完成

moved监听页面隐藏

detached监听页面卸载

error每当组件方法抛出错误时间

补充

还有一些特殊的生命周期虽然和组件的关联不是很大但有时候组件需要用到以便组件内部处理这样的生命周期称为“组件所在页面的生命周期” pageLifetimes如下

生命周期

show 组件所在的页面被展示时执行

hide组件所在的页面被隐藏时执行

Component({

//组件所在页面的生命周期
  pageLifetimes: {

    show: function() {

    },

    hide: function() {

    },
  }
})