文章目录

页面生命周期函数组件生命周期函数应用App生命周期函数页面与组件生命周期的执行顺序注意事项

在微信小程序中生命周期函数是指页面或组件在不同阶段会被自动调用的特定函数。

这些函数可以帮助开发者在适当的时机完成特定的初始化、清理或交互逻辑。

页面生命周期函数

页面生命周期函数是作用于小程序中的页面处理页面加载、显示、隐藏等事件。

函数名描述onLoad(options)页面加载时触发参数为打开当前页面路径中的参数。

onShow()页面显示时触发每次进入页面都会执行。

onReady()页面初次渲染完成时触发仅执行一次。

onHide()页面被隐藏时触发如跳转到其他页面或切入后台。

onUnload()页面卸载时触发如关闭当前页面或返回上一页。

onPullDownRefresh()监听用户下拉刷新动作需在

app.json

enablePullDownRefresh。

onReachBottom()监听页面触底事件如用于加载更多数据。

onPageScroll()监听页面滚动参数为滚动距离单位

px。

onShareAppMessage(options)用户点击右上角分享时触发可自定义分享内容。

onShareTimeline()用户点击分享按钮分享到朋友圈时触发需要设置

enableShareTimeline。

onAddToFavorites()用户点击收藏时触发需设置

enableAddToFavorites

true。

onResize()监听页面尺寸变化如屏幕旋转横竖屏切换。

onTabItemTap(item)监听点击

tab

函数名描述created()在组件实例刚刚被创建时触发。

attached()在组件实例进入页面节点树时触发。

ready()在组件布局完成后触发可以操作

DOM

节点。

moved()在组件实例被移动到其他位置时触发。

detached()在组件实例被从页面节点树移除时触发。

error(error)当组件方法抛出错误时触发参数为错误信息。

lifetimes.show()组件被展示时触发支持页面级别的监听。

lifetimes.hide()组件被隐藏时触发支持页面级别的监听。

lifetimes.resize()监听组件尺寸变化。

应用App生命周期函数

应用生命周期函数用于处理小程序的整体生命周期主要是小程序的启动、切换前后台等。

函数名描述onLaunch(options)小程序初始化时触发全局只触发一次。

onShow(options)小程序启动或从后台进入前台时触发。

onHide()小程序从前台进入后台时触发。

onError(error)小程序发生脚本错误或

API

调用失败时触发。

onUnhandledRejection(reason)未处理的

Promise

拒绝触发。

onPageNotFound(options)当页面不存在时触发可进行页面跳转最多触发一次。

onThemeChange(***me)小程序主题发生变化时触发参数为主题信息。

onUnhandledRejection(reason)未捕获的

Promise

离开页面Page.onHide新页面加载Page.onLoad

Page.onShow

如果未定义该方法分享时将无法自定义内容显示默认的页面标题和链接。

onPageNotFound

通过合理利用生命周期函数可以更高效地管理小程序的状态和资源提高开发体验和用户体验。