uni-app生命周期

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滚到底),常用于下拉下一页数据。具体官方文档注意事项
onPageScroll 监听页面滚动,参数为Object
onShareAppMessage
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值