一、小程序中生命周期的分类
小程序中的生命周期有以下三种:
(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() {
},
}
})
评论(0)