首页 > 其他分享 >uniapp常用声明周期

uniapp常用声明周期

时间:2024-11-11 19:50:49浏览次数:6  
标签:uniapp 常用 生命周期 触发 渲染 Vue 声明 页面

        在用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

相关文章