app和页面和组件的生命周期

App对象的生命周期:

1)onLaunch: 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)

①可以发起ajax请求,获取全局数据
②获取用户信息
③模拟启动小程序出错

2)onShow: 当小程序启动 或 切前台 (很少用)
3)onHide: 当小程序切后台 (很少用)
4)onError: 当小程序出错会就调用onError

Page对象的生命周期:

1)onLoad:页面加载时执行,只执行一次
2)onShow:页面展示时执行,执行多次
3)onReady:页面初次渲染时执行,只执行一次
4)onHide:页面从前台进入后台时执行
5)onUnload:页面卸载时执行

多个页面切换时,状态需要改变,使用onShow。
多个页面切换时,状态不需要改变,使用onLoad或onReady。
页面中如果有定时器,清除定时器,使用onUnload。

component组件的生命周期:

1)created:

①组件实例刚刚被创建好
② 可以访问data中的数据
③不可以更新状态机,不能调用setData
④ 可以给组件添加自定义属性

2)attached:当组件挂载到页面上时会调用
3)detached:当组件在页面上被卸载时会调用
推荐在lifetimes{}字段中进行声明

组件所在页面的生命周期:

pageLifetimes:{
    show(){  // 组件所在页面出现后
        console.log("pageLifetimes show");
    },
    hide(){  // 组件所在页面隐藏时
        console.log("pageLifetimes hide");
    },
    resize(){
        console.log("pageLifetimes resize");
    }
}

总结小程序的一辈子:

打开小程序:
(App)onLaunch --> (App)onShow --> (Pages)onLoad --> (Pages)onShow --> (pages)onReady
进入下一个页面:
(Pages)onHide --> (Next)onLoad --> (Next)onShow --> (Next)onReady
返回上一个页面:
(curr)onUnload --> (pre)onShow
离开小程序:
(App)onHide
再次进入:
小程序未销毁 --> (App)onShow(执行上面的顺序),小程序被销毁,(App)onLaunch重新开始执行.

Uni-app的应用生命周期页面生命周期组件生命周期是一组预定义的函数,用于管理应用程序在不同状态下的行为。这些函数可以帮助开发者在特定时间执行相应的操作。 **应用生命周期**[^1]: - `onLaunch`:当应用启动时调用,仅第一次运行时触发。 - `onShow`:当应用从后台切换到前台显示时调用。 - `onHide`:当应用被切换到后台或关闭时调用。 - `onActive`:当应用重新获得焦点时调用。 - `onBackground`:当应用进入后台但并未完全退出时调用。 - `onStop`:当应用暂停响应用户的交互请求时调用。 - `onResume`:当应用恢复响应用户的交互请求时调用。 - `onTerminate`:当应用被强制停止时调用,但通常不会再被创建。 **页面生命周期**: - `onLoad`:页面首次加载时调用,可以接收来自其他页面的数据。 - `onShow`:页面显示时调用。 - `onReady`:页面初始化完成后调用,此时可以开始执行DOM相关的操作。 - `onHide`:页面隐藏时调用。 - `onUnload`:页面卸载前调用,清理资源的好时机。 - `onPullDownRefresh`:下拉刷新事件。 - `onReachBottom`:页面滚动到底部时触发。 - `onShareAppMessage`:用户点击分享按钮时触发。 **组件生命周期**: - `created`:组件实例化后立即调用,但DOM未渲染。 - `mounted`:组件挂载到DOM后调用。 - `updated`:组件数据更新时调用,但DOM可能不一定会改变。 - `beforeDestroy`:组件销毁之前调用,可以做资源清理。 - `destroyed`:组件已经卸载并销毁,不可再访问。 了解这些生命周期函数有助于你在适当的时间执行必要的功能,如数据初始化、状态管理和资源释放。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值