uniapp的生命周期及其和vue生命周期的对比

uniapp生命应用的生命周期：

函数名	说明
onLaunch	当uni-app 初始化完成时触发（全局只触发一次）
onShow	当uni-app启动，或从后台进入前台显示
onHide	当uni-app从前台进入后台
onHide	当uni-app报错时触发
onError	当uni-app保措施触发
onUniNViewMessage	对nuve页面发送的数据进行监听，可参考nvue向vue通讯

注意：

1. 应用生命周期仅在App.vue中监听，在其他页面监听无效。
2. onLaunch里面进行页面跳转，可能遇到白屏报错，有可能是与pages.json内配置的第一个页面冲突。可以尝试用延迟跳转。

uni-app部分页面的生命周期

函数名	说明
onLoad	监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参）
onShow	监听页面显示。页面每次出现在屏幕上都触发，暴扣从夏季页面点返回露出当前页面。
onReady	监听页面初次渲染完成。注意若谷渲染速度快，会在页面进入动画完成前触发
onHide	监听页面隐藏
onUnload	监听页面卸载

vue生命周期（注：这也是Uniapp组件的生命周期）
 

函数	说明
beforeCreate	初始化时间之后，势力被创建之前执行代码
created	用来在一个示例被创建之后执行代码
beforeMound	实例被挂载之前执行的代码
mounted	实例被挂载完成后执行的代码
beforeUpdate	当data数据被修改时，DOM重新渲染并更新应用前执行代码
updated	当data数据被修改时，DOM重新渲染并更新应用后执行代码
beforeDestroy	在解除绑定销毁子组件以及时间监听器之前执行代码
destroyed	在接触绑定销毁子组件以及时间监听器之后执行代码

uni-app页面生命周期与vue生命周期对比

页面加载过程

加载->显示->加载完成->页面隐藏->页面卸载

uni-app页面加载过程

onLoad:监听页面在->onShow：监听页面显示->onReady:监听页面初次渲染完成->onHide:监听隐藏->onUnload:监听页面卸载

vue页面加载过程

created:示例被创建后执行->beforeMount:实例被挂在之前执行->mounted:实例挂在完成后执行->updated:页面更新后执行->beforeDestroy:页面销毁前执行