【边做边学】uniapp里面的生命周期钩子函数

简介: 【边做边学】uniapp里面的生命周期钩子函数

uni-app 页面的生命周期包括一系列的生命周期钩子函数,它们提供了在页面不同阶段执行代码的机会。以下是 uni-app 中常见的生命周期钩子函数:

  1. onLoad(options): 页面加载时触发,可以在此函数内部获取页面参数 options
  2. onShow(): 页面显示时触发。当页面初次加载时也会触发。
  3. onReady(): 页面初次渲染完成时触发,可以在此时进行页面的一些操作。
  4. onHide(): 页面隐藏时触发,可以在此时释放一些资源或停止一些操作。
  5. onUnload(): 页面卸载时触发,可以在此时进行一些清理工作。
  6. onPullDownRefresh(): 用户下拉刷新时触发,需要在页面配置中开启下拉刷新功能。
  7. onReachBottom(): 页面上拉触底时触发,可以在此加载更多数据。
  8. onShareAppMessage(): 用户点击右上角分享时触发,需要在页面配置中开启分享功能。
  9. onPageScroll(Object): 页面滚动时触发,可以在此监听页面滚动事件。
  10. onResize(Object): 页面尺寸变化时触发,仅在小程序端生效。
  11. onTabItemTap(Object): 点击 TabBar 时触发,仅在页面是 TabBar 页面时生效。

这些生命周期函数提供了在不同阶段执行代码的机会,可以在这些函数中处理数据的加载、页面的操作以及一些其他逻辑。

相关文章
|
7月前
|
移动开发 JavaScript 小程序
小程序开发.uniapp.生命周期
小程序开发.uniapp.生命周期
224 0
|
7月前
|
移动开发 前端开发 JavaScript
uniapp生命周期
uniapp生命周期
77 1
|
7月前
|
API Android开发 UED
UniApp 项目中的生命周期详解:从诞生到逝去
UniApp 项目中的生命周期详解:从诞生到逝去
270 4
|
7月前
|
移动开发 JavaScript 前端开发
UniApp 生命周期详解
UniApp 生命周期详解
398 0
|
移动开发 JavaScript 前端开发
前端(九)——探索微信小程序、Vue、React和Uniapp生命周期(下)
前端(九)——探索微信小程序、Vue、React和Uniapp生命周期(下)
157 0
|
JavaScript 小程序 前端开发
前端(九)——探索微信小程序、Vue、React和Uniapp生命周期(上)
前端(九)——探索微信小程序、Vue、React和Uniapp生命周期(上)
214 0
|
7月前
uniapp的生命周期是什么
uniapp的生命周期是什么
246 0
|
7月前
|
JavaScript
Uniapp vue2 和 Vue3 的 生命周期
Uniapp vue2 和 Vue3 的 生命周期
241 0
|
JavaScript 小程序
在uniapp vue3 setup语法糖中调用onLoad、onShow等生命周期
在uniapp vue3 setup语法糖中调用onLoad、onShow等生命周期
|
小程序 前端开发
微信小程序的生命周期与uniapp的生命周期
微信小程序的生命周期与uniapp的生命周期
276 0