在用uniapp开发时利用好合适的生命周期会大大方便我们,常用的生命周期如下:
uniapp生命周期
生命周期钩子 | 触发时机 |
---|---|
onLoad | 页面加载数据时触发。指定任务函数时,第一个参数对象封装其他页面跳转传来参数。此时页面还未渲染。 |
onShow | 页面显示时触发。包括进入页面,返回页面。此时页面还未渲染。 |
onReady | 页面渲染完毕时触发。相当于Vue中的mounted。 |
onHide | 页面隐藏时触发。 |
onUnload | 页面卸载时触发。 |
onPullDownRefresh | 用户下拉刷新时触发。 |
onReachBottom | 页面触底时触发。 |
onPageScroll | 页面滚动时触发。 |
使用声明周期时需要通过import导入,
如:
import {onLoad, onShow} from '@dcloudio/uni-app'
uniapp与Vue生命周期同时使用
当uniapp生命周期与Vue同时使用时,执行流程如下:
Vue2
Vue3
更多详细生命周期请参考:uni-app官网-页面生命周期
标签:uniapp,常用,生命周期,触发,渲染,Vue,声明,页面 From: https://blog.csdn.net/weixin_74261199/article/details/143693931