uni-app 3种生命周期的区别

最新推荐文章于 2025-07-30 12:11:10 发布

爱萝莉的死肥宅

最新推荐文章于 2025-07-30 12:11:10 发布

阅读量3.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： uni-app 文章标签： HbuilderX

本文链接：https://blog.youkuaiyun.com/qq_38258327/article/details/97751366

1 篇文章

订阅专栏

本文深入解析uni-app的三种生命周期：VUE生命周期、应用生命周期及页面生命周期。对比分析应用与页面生命周期的区别，阐述各自应用场景，帮助开发者更好地理解并利用这些生命周期函数。

在阅读uni-app的文档中，我发现了文章中所说明的3中生命周期：

VUE生命周期相比大家都很熟悉了，我们只简单区分应用生命周期和页面生命周期

详见Vue官网文档：VUE生命周期图示

应用生命周期 uni-app支持如下生命周期函数

onLaunch              初始化触发（仅一次）

onShow                从后台进入前台显示

onHide                从前台进入后台

onUniNViewMessage     对nuve页面发送的数据进行监听

重点主要应用生命周期仅在App.vue中监听

相对于页面生命周期的话应用就显得少的可怜了页面生命周期详情

简单来说应用应用生命周期是用于监听整个app或者说整个页面启动或者某些活动状态改变是会使用到的监听函数

而页面生命周期和Vue生命周期可以合并在一起不用的钩子可以在不同的情况下使用在文档中都有相对应的而结实

总结一下就是

页面生命周期是监听APP或者页面进入时的情况

Vue生命周期和页面生命周期，都是对一个页面中的状态的监听

注意：

Vue生命周期中的created 可以替换为页面生命周期中的onLoad

mouted 可以替换为页面生命周期中的onReady