uni-app生命周期

最新推荐文章于 2025-07-11 14:45:50 发布

小杨不香菜

最新推荐文章于 2025-07-11 14:45:50 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/Quentin0823/article/details/133760978

uni-app的生命周期包括：应用生命周期、页面生命周期、组件生命周期

一、应用生命周期（只能在App.vue文件中监听）

函数	说明
onLaunch	初始化完成时触发（全局只触发一次）
onShow	启动时或从后台进入前台显示
onHide	从前台进入后台
onError	报错时触发
onPageNotFound	页面不存在监听函数

在App.vue文件中打印

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

在控制台输出可以看到执行顺序
在这里插入图片描述

二、页面声明周期

函数	说明
onLoad	监听页面加载，其参数为上个页面传递的数据，参数类型为 Object
onShow	监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面
onReady	监听页面初次渲染完成
onHide	监听页面隐藏
onUnload	监听页面卸载
onResize	监听窗口尺寸变化
onPullDownRefresh	监听用户下拉动作，一般用于下拉刷新
onReachBottom	页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。具体