uniapp 中的生命周期函数

1. 应用生命周期 2. 页面生命周期 3. 组件生命周期 1. 应用生命周期 只列举出最常用的应用生命周期函数,更多应用生命周期函数前往官方文档查看 应用生命周期函数文档: https://uniapp.dcloud.io/collocation/App.html#applifecycle 应用生命周期函数定义在 App.vue 中,应用...

uniapp 中的生命周期函数

  • 1. 应用生命周期
  • 2. 页面生命周期
  • 3. 组件生命周期

1. 应用生命周期


只列举出最常用的应用生命周期函数,更多应用生命周期函数前往官方文档查看

应用生命周期函数文档: https://uniapp.dcloud.io/collocation/App.html#applifecycle

应用生命周期函数定义在 App.vue 中,应用生命周期仅可在 App.vue 中监听,在页面监听无效

函数名 说明
onLaunch 当 uni-app 初始化完成时触发(全局只触发一次)
onShow 当 uni-app 启动,或从后台进入前台时触发
onHide 当 uni-app 从前台进入后台时触发

应用生命周期函数的应用场景 ?

onLaunch: 检查网络状态,检查版本更新

onShow: 每次进入页面都重新请求接口刷新页面数据

onHide: 可以用于记录 uni-app 在后台的挂载时间

2. 页面生命周期


只列举出最常见的页面生命周期函数,更多页面生命周期函数前往官方文档查看

页面生命周期函数文档: https://uniapp.dcloud.io/tutorial/page.html#lifecycle

函数名 说明
onLoad 监听页面加载
onShow 监听页面显示
onReady 监听页面初次渲染完成
onHide 监听页面隐藏
onPullDownRefresh 监听用户下拉动作,一般用于下拉刷新
onReachBottom 页面滚动到底部的事件,一般用于上拉加载下一页数据
onShareAppMessage 用户点击右上角分享
onPageScroll 监听页面滚动距离

3. 组件生命周期


只列举出最常用的组件生命周期函数,更多组件生命周期函数前往官方文档查看

页面生命周期函数文档: https://uniapp.dcloud.io/tutorial/page.html#componentlifecycle

函数名 说明
created 在实例创建完成之后被立即调用
#生命周期 #应用 #周期

评论0

首页 导航 会员 客服