uni-app 系列之(四)—— 生命周期
创始人
2025-05-30 17:22:03
0

应用生命周期

函数名说明
onLaunch当uni-app初始化完成时触发(局部只触发一次)
onOpen当uni-app启动,或从后台进入前台显示
onHide当uni-app从前台进入后台
onError当uni-app报错时触发
onUniNViewMessage对nvue页面发送的数据进行监听,可参考 nvue 向 vue 通讯
onUnhandledRejection对未处理的 Promise 拒绝事件监听函数(2.8.1+)
onPageNotFound页面不存在监听函数
onThemeChange监听系统主题变化

注意

  • 应用生命周期仅可在 App.vue 中监听,在其他页面监听无效
  • onlaunch 里进行页面调整

示例 App.vue


页面加载可以看到输出结果:
在这里插入图片描述

页面生命周期

详见 uni-app 页面生命周期

组件生命周期

uni-app 组件支持的生命周期,与 vue 标准组件的生命周期相同。这里没有页面级的 onLoad 等生命周期:

函数名说明平台差异说明
beforeCreate在实例初始化之前被调用
created在实例创建完成后被立即调用
beforeMount在挂载开始之前被调用
mounted挂载到实例上去之后调用。注意:此处并不能确定子组件被全部挂载,如果需要子组件完全挂载之后再执行操作可以使用 $nextTick
beforeUpdate数据更新时调用,发生在虚拟 DOM 打补丁之前仅H5平台支持
updated由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子仅H5平台支持
beforeDestroy实例销毁之前调用。在这一步,实例仍然完全可用
destroyedVue 实例销毁后调用。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁

相关内容

热门资讯

三门计入高考总分学考科目可文理...  最新或2023(历届)起,全国将全面推进考试招生改革,高考录取总成绩未来将由3门必考科目(语文、数...
高考改革方案政策总结篇出台始末...  从1977年恢复高考以来,我国对于高考所做的改革一直从未停止。从全国统一试卷到全国多份试卷,从单一...
北京最新或2023(历届)高考...  4日,《国务院关于深化考试招生制度改革的实施意见》出台后,北京市教委对北京晨报记者表示,将按照教育...
山东最新或2023(历届)高考... 国务院关于深化考试招生制度改革的实施意见,提出了高考不分文理科、只考语数外三科等一系列重大变化,引发...
教育部涉高考6门科目可文理混搭...  9月5日,教育部相关负责人通过教育部官微在线回答提问。教育部表示,包括音体美在内的所有科目都要参加...
Opengl ES之矩阵变换(... 前言 说到矩阵变换,我们第一时间想到的就是大学时代的线性代数这些复杂的东西,突然有了一种令人从入门到...
企业云应用程序登录安全 云应用程序的不断普及吸引了黑客的关注,他们现在将目光转向云端的数据。黑客们可以通过钓鱼...
9.docker入门到精通—D... Docker启动时会在主机上自动创建一个docker0网桥,即一个Linux网桥。容器...
高考改革不分文理科解读 高考总...  作为中央部署全面深化改革的重大举措之一,国家关于考试招生制度改革的实施意见4日正式发布,这也是恢复...
最新或2023(历届)高考改革...  9月4日上午十点,国务院新闻办召开新闻发布会,教育部副部长杜玉波、刘利民及部长助理林蕙青介绍《关于...
最新或2023(历届)高考不分...      最新或2023(历届)高考不分文理科高考会怎么考? 高考将不分文理科,考生总成绩由统一高考...
最新或2023(历届)高考变革... 据中国之声《新闻纵横》报道,本周,《国务院关于深化考试招生制度改革的实施意见》正式发布。这也意味着,...
北京大学4076人报到 农村籍...  6日上午,4076名北京大学最新或2023(历届)级本科新生聚首燕园,农村籍和少数民族学生的比例为...
最新或2023(历届)发布的高...  作为中央部署全面深化改革的重大举措之一,国家关于考试招生制度改革的实施意见4日正式发布,这也是恢复...
最新或2023(历届)高考新政...   考试之变  1 省内统一组织 学业水平考试  高中学业水平考试是检验学生学习程度、避免严重偏科的...
思维导图模板怎么制作?提供几种... 思维导图是一种非常有用的图形化思维工具。它可以帮助我们更好地组织、整理和表达头脑中的想法。在学习中&...
最新高考改革新政:不分文理科目...  “最新或2023(历届)启动考试招生制度改革试点,最新或2023(历届)全面推进。”国务院《关于深...
最新或2023(历届)起自主招...   9月4日上午十点,国务院新闻办召开新闻发布会,教育部副部长杜玉波、刘利民及部长助理林蕙青介绍《关...
Golang实现0-1背包问题... Golang实现0-1背包问题方案(动态规划-贪心算法-回溯-分支定界) 算法实现说明 动态规划算法...
最新或2023(历届)高考改革...   9月4日上午十点,国务院新闻办召开新闻发布会,正式公布我国考试招生制度改革方案。对于本次改革方案...