uniapp 中的生命周期函数
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 | 在实例创建完成之后被立即调用 |
本站发布的内容若侵犯到您的权益,请邮件联系站长删除,我们将及时处理!
从您进入本站开始,已表示您已同意接受本站【免责声明】中的一切条款!
本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行研究。
本站资源仅供学习和交流使用,版权归原作者所有,请勿商业运营、违法使用和传播!请在下载后24小时之内自觉删除。
若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,使用者自行承担,概与本站无关。