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>

在控制台输出可以看到执行顺序

 二、页面声明周期

函数说明
onInit监听页面初始化
onLoad监听页面加载,其参数为上个页面传递的数据,参数类型为 Object
onShow监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面
onReady监听页面初次渲染完成
onHide监听页面隐藏
onUnload监听页面卸载
onResize监听窗口尺寸变化
onPullDownRefresh监听用户下拉动作,一般用于下拉刷新
onShareAppMessage用户点击右上角分享
onShareTimeline监听用户点击右上角转发到朋友圈
onAddToFavorites监听用户点击右上角收藏

在page页面中打印

在控制台输出可以看到执行顺序

三、组件生命周期(同Vue组件生命周期)

函数说明
beforeCreate实例初始化之前调用
created创建完成后立即调用
beforeMount挂载前调用
mounted挂载后调用
beforeUpdate数据更新时调用
updated数据更新重新渲染
beforeDestroy实例销毁之前调用
destroyed实例销毁后调用

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐