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>

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

 二、页面声明周期

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

在page页面中打印

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

三、组件生命周期（同Vue组件生命周期）

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