微信小程序生命周期函数有两种
页面生命周期:onLoad ,onShow,onReady,onHide,onUnload等
组件的生命周期:created,attached,ready,moved,detached,error
onLoad:监听页面加载
一个页面只会调用一次,能够在 onLoad 中获取打开当前页面所调用的 query 参数
onLoad(options) {
},
onReady:监听页面初次渲染完成
一个页面只会调用一次,表明页面已经准备稳当,能够和视图层进行交互
onReady() {
},
onShow:监听页面显示
每次打开页面都会调用一次,跟onLoad生命周期函数用法相同,区别就是一个每次都会加载,一个只加载一次
onShow() {
},
onHide:监听页面隐藏
当navigateTo或底部tab切换时调用,也就是从当前页面跳出时执行
onHide() {
},
onUnload:监听页面卸载
当redirectTo或navigateBack的时候调用,微信小程序的 app.js 中独有的函数
onUnload() {
},
onLaunch:监听小程序初始化
当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
onPullDownRefresh:监听页面下拉刷新的事件的处理函数
需要开启下拉刷新事件才能使用
onReachBottom:监听页面上拉触底事件的处理函数
需要开启上拉触底事件才能使用
组件的生命周期
生命周期 | 参数 | 描述 | 最低版本 |
---|---|---|---|
created | 无 | 在组件实例刚刚被创建时执行 | 1.6.3 |
attached | 无 | 在组件实例进入页面节点树时执行 | 1.6.3 |
ready | 无 | 在组件在视图层布局完成后执行 | 1.6.3 |
moved | 无 | 在组件实例被移动到节点树另一个位置时执行 | 1.6.3 |
detached | 无 | 在组件实例被从页面节点树移除时执行 | 1.6.3 |
error | Object Error | 每当组件方法抛出错误时执行 |