UniAppX生命周期全解析

uniappx 生命周期概述

uniappx 作为基于 uni-app 的扩展框架，其生命周期与 uni-app 原生生命周期高度一致，同时结合了 Vue.js 的生命周期钩子。理解这些生命周期有助于开发者更好地控制应用流程、优化性能。

应用生命周期

onLaunch
应用初始化时触发，全局只执行一次。常用于获取用户信息、检查更新等操作。参数包含启动路径和场景值。

onShow
应用启动或从后台进入前台时触发。可用于恢复数据、刷新页面等场景。参数与 onLaunch 相同。

onHide
应用从前台进入后台时触发。适合保存临时数据或暂停定时任务。

onError
脚本错误或 API 调用失败时触发。接收错误信息参数，可用于监控异常。

页面生命周期

onLoad
页面加载时触发，接收路由参数。适合初始化页面数据，如根据参数请求接口。

onShow
页面显示时触发。每次打开页面都会执行，包括从其他页面返回时。

onReady
页面初次渲染完成时触发。此时可操作 DOM 或调用组件方法。

onHide
页面隐藏时触发，如跳转到其他页面或进入后台。

onUnload
页面卸载时触发。常用于清除定时器或解绑全局事件。

组件生命周期

uniappx 组件继承 Vue.js 生命周期，主要包括：

created
组件实例创建后调用，此时数据观测已完成，但 DOM 未生成。

mounted
组件挂载到 DOM 后调用。可访问 DOM 元素或子组件。

updated
数据变更导致 DOM 重新渲染后触发。避免在此处修改状态。

destroyed
组件销毁后调用。用于清理自定义事件或定时器。

生命周期执行顺序

应用启动：onLaunch → onShow
页面加载：onLoad → onShow → onReady
组件挂载：created → mounted
页面切换：原页面 onHide → 新页面 onLoad
应用后台：onHide → 再次唤醒时 onShow

实践建议

避免在 onReady 前操作 DOM，可能导致渲染问题。
使用 onUnload 释放资源，防止内存泄漏。
高频操作（如动画）建议在 mounted 后执行。
页面参数处理应在 onLoad 完成，而非 created。

通过合理利用这些生命周期，可以显著提升应用性能和用户体验。

BbS.okane060.info/PoSt/1121_796386.HtM
BbS.okane061.info/PoSt/1121_265476.HtM
BbS.okane062.info/PoSt/1121_020382.HtM
BbS.okane063.info/PoSt/1121_379598.HtM
BbS.okane065.info/PoSt/1121_480240.HtM
BbS.okane066.info/PoSt/1121_691644.HtM
BbS.okane067.info/PoSt/1121_471502.HtM
BbS.okane068.info/PoSt/1121_107736.HtM
BbS.okane069.info/PoSt/1121_957741.HtM
BbS.okane070.info/PoSt/1121_620009.HtM
BbS.okane060.info/PoSt/1121_206021.HtM
BbS.okane061.info/PoSt/1121_701848.HtM
BbS.okane062.info/PoSt/1121_248619.HtM
BbS.okane063.info/PoSt/1121_694306.HtM
BbS.okane065.info/PoSt/1121_846881.HtM
BbS.okane066.info/PoSt/1121_655204.HtM
BbS.okane067.info/PoSt/1121_818837.HtM
BbS.okane068.info/PoSt/1121_746089.HtM
BbS.okane069.info/PoSt/1121_829421.HtM
BbS.okane070.info/PoSt/1121_484992.HtM
BbS.okane071.info/PoSt/1121_945171.HtM
BbS.okane072.info/PoSt/1121_796785.HtM
BbS.okane073.info/PoSt/1121_143993.HtM
BbS.okane074.info/PoSt/1121_638100.HtM
BbS.okane075.info/PoSt/1121_734588.HtM
BbS.okane076.info/PoSt/1121_331317.HtM
BbS.okane077.info/PoSt/1121_849686.HtM
BbS.okane078.info/PoSt/1121_734398.HtM
BbS.okane079.info/PoSt/1121_617506.HtM
BbS.okane080.info/PoSt/1121_457059.HtM
BbS.okane071.info/PoSt/1121_413300.HtM
BbS.okane072.info/PoSt/1121_799487.HtM
BbS.okane073.info/PoSt/1121_604291.HtM
BbS.okane074.info/PoSt/1121_550777.HtM
BbS.okane075.info/PoSt/1121_380761.HtM
BbS.okane076.info/PoSt/1121_569104.HtM
BbS.okane077.info/PoSt/1121_794998.HtM
BbS.okane078.info/PoSt/1121_265547.HtM
BbS.okane079.info/PoSt/1121_738017.HtM
BbS.okane080.info/PoSt/1121_236116.HtM
BbS.okane071.info/PoSt/1121_191001.HtM
BbS.okane072.info/PoSt/1121_700767.HtM
BbS.okane073.info/PoSt/1121_657798.HtM
BbS.okane074.info/PoSt/1121_109291.HtM
BbS.okane075.info/PoSt/1121_521906.HtM
BbS.okane076.info/PoSt/1121_427522.HtM
BbS.okane077.info/PoSt/1121_490378.HtM
BbS.okane078.info/PoSt/1121_112170.HtM
BbS.okane079.info/PoSt/1121_178883.HtM
BbS.okane080.info/PoSt/1121_007577.HtM
BbS.okane071.info/PoSt/1121_765921.HtM
BbS.okane072.info/PoSt/1121_004455.HtM
BbS.okane073.info/PoSt/1121_964961.HtM
BbS.okane074.info/PoSt/1121_707909.HtM
BbS.okane075.info/PoSt/1121_362873.HtM
BbS.okane076.info/PoSt/1121_515260.HtM
BbS.okane077.info/PoSt/1121_484499.HtM
BbS.okane078.info/PoSt/1121_706541.HtM
BbS.okane079.info/PoSt/1121_414011.HtM
BbS.okane080.info/PoSt/1121_521902.HtM
BbS.okane071.info/PoSt/1121_937763.HtM
BbS.okane072.info/PoSt/1121_431668.HtM
BbS.okane073.info/PoSt/1121_819974.HtM
BbS.okane074.info/PoSt/1121_050798.HtM
BbS.okane075.info/PoSt/1121_021989.HtM
BbS.okane076.info/PoSt/1121_664740.HtM
BbS.okane077.info/PoSt/1121_270982.HtM
BbS.okane078.info/PoSt/1121_546556.HtM
BbS.okane079.info/PoSt/1121_280108.HtM
BbS.okane080.info/PoSt/1121_216772.HtM
BbS.okane071.info/PoSt/1121_408708.HtM
BbS.okane072.info/PoSt/1121_964367.HtM
BbS.okane073.info/PoSt/1121_866007.HtM
BbS.okane074.info/PoSt/1121_215688.HtM
BbS.okane075.info/PoSt/1121_394194.HtM
BbS.okane076.info/PoSt/1121_635353.HtM
BbS.okane077.info/PoSt/1121_004653.HtM
BbS.okane078.info/PoSt/1121_795552.HtM
BbS.okane079.info/PoSt/1121_435855.HtM
BbS.okane080.info/PoSt/1121_624286.HtM

#牛客AI配图神器#

全部评论

推荐最新楼层

11-15 10:29

学而思_HR(准入职员工)

学而思内推，学而思内推码

初试 HR打电话线上沟通 简单介绍了一下公司情况和工作内容 了解咱们的就业意向（年级和科目） 询问什么时候可以线下面试？ 试讲 HR会通过邮件发送试讲题目，从中任意选择一题即可 ps：建议浏览一遍，选比较简单的题目，不然时间有点紧张 8-10min，尽量脱稿 先讲一遍👉培训老师指导👉自主练习15min👉最终展示 终试 一对一面谈 1.自我介绍（尽量往教培经验和相关优势靠） 2.为什么跨专业考研，选择现在这个专业？ 3.为什么不从事本专业相关工作，选择教培行业？ 4.为什么选择学而思？ 5.教培行业需要在节假日上课，可能影响个人社交生活，你能接受吗？ 6.课后需要与家长沟通，给学生开小灶课...

点赞评论收藏

今天 18:04

已编辑

快手_系统研发工程师

快手校招 3.5 年，记录下这三年的成长点滴（欢迎学弟学妹们投递）

楼主是 2022 届的计算机专业应届生。秋招那会儿把主流大厂几乎都跑了一遍：快手、阿里、字节的 offer 都拿到了，也陆续收到不少 SSP，最高的时候手里有 70W+ 的包。对一个刚毕业的学生来说，算是那一年挺幸运的样本了。但真正进入抉择阶段，我其实没有纠结太久，因为最终促使我选快手的核心理由只有三个：主管、方向、以及整体薪酬体验。今天正好借这个帖子聊聊我当时的思考，以及入职两年后我看到的东西，给还在犹豫的同学一些参考。一、为什么选择快手：先是“人”，再是“方向”，最后才是“钱”1. 第一点：主管比团队更重要，甚至决定你的职业上限面试快手的时候，我第一次感受到一种“真正在沟通技术问题”的体验...

字节跳动成长空间 989人发布

点赞评论收藏

09-25 00:00

已编辑

电子科技大学 Java

字节噩梦手撕难度

字节三面手撕地狱难度，撕不出来，也不让换题😇----------9.19一面（感觉是leetcode困难题）手撕扔鸡蛋（没撕出来），两个问。（1）100层楼，N层以上扔下鸡蛋会碎，只有两个鸡蛋，最少扔几次能得到N。（2）M层楼，K个鸡蛋，最少扔几次能得到N9.21二面手撕最长无重复子字符串（leetcode中等原题，滑动窗口秒）9.24三面，题如图（应该是超级困难题），好理解，很难写，输入都不知道怎么接，没撕出来。----------

球球与墩墩：这不是前端常考的对象扁平化吗，面试官像是前端出来的 const flattern = (obj) => { const res = {}; const dfs = (curr, path) => { if(typeof curr === 'object' && curr !== null) { const isArray = Array.isArray(curr); for(let key in curr) { const newPath = path ? isArray ? `${path}[${key}]` : `${path}.${key}` : key; dfs(curr[key], newPath); } } else { res[path] = curr } } dfs(obj); return res; }

查看3道真题和解析