uni-app生命周期

最新推荐文章于 2023-04-22 17:40:11 发布

fuyouliangce

最新推荐文章于 2023-04-22 17:40:11 发布

阅读量150

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/fuyouliangce/article/details/129810004

版权

本文详细阐述了Vue.js中App.vue文件中的应用生命周期方法，如onLaunch、onShow、onHide，以及页面和组件的不同生命周期钩子，如onLoad、onShow、onReady、onHide、onUnload、beforeCreate、created、beforeMount、mounted等。这些生命周期方法在开发过程中用于处理不同阶段的应用和页面状态变化。

摘要由CSDN通过智能技术生成

应用生命周期
定义在App.vue文件中
onLaunchO: 整个应用程序启动了
onshowO: 应用程序显示出来，例如: 第一次启动完成、从其它应用切换会当前应用onHide(): 应用程序隐藏起来了，例如: 来电话了、用户点击桌面按钮
页面生命周期
定义在页面中
onLoadO: 当前页面挂载完成，功能类似于mounted
onshowO): 页面显示出来了，例如: 第一次挂载完成、导航返回之前的页面onReady0): 页面准备就绪了，每个页面此方法调用且仅调用一次-第一次调用onShow之后onHide(): 页面隐藏起来了，例如: 导航跳转到下一个页面onUnload()**:**当前页面完成卸载，功能类似于destroyedonPageScrollO: 页面滚动了
onReachBottom()**:**页面滚动到底部了onPullDownRefresh(: 页面在顶部下拉刷新了
组件生命周期
定义在组件内部
创建时期: beforeCreateO、createdO)
挂载时期: beforeMountO)、mounted()
更新时期: beforeUpdate)、updated()
销毁时期: beforeDestroyO、destroyedO