![](https://i-blog.csdnimg.cn/blog_migrate/c35ad44a540a00c4a5cd1eac77a4b7ac.png)
![](https://i-blog.csdnimg.cn/blog_migrate/ca843c437b8894bf92a7443af083f18b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9c1242d9424d94ed964639c0ec9bfce7.png)
uni-app页面生命周期与vue生命周期的对比
页面加载过程
加载 -> 显示 -> 加载完成 -> 页面隐藏 -> 页面卸载
uni-app页面加载过程
onLoad:监听页面加载 -> onShow:监听页面显示 -> onReady:监听页面初次渲染完成 -> onHide:监听页面隐藏 -> onUnload:监听页面卸载
vue页面加载过程
created:实例被创建后执行 -> beforeMount: 实例被挂载之前执行 -> mounted:实例挂载完成后执行 -> updated:页面更新后执行 -> beforeDestroy:页面销毁前执行