生命周期以及解析

应用生命周期

方法	说明	适用场景
onLaunch	应用初始化完成（全局一次）	初始化配置、获取启动参数
onShow	应用启动/从后台进入前台	数据刷新、重新连接
onHide	应用从前台进入后台	保存状态、停止定时器
onError	应用报错时触发	全局错误监控、上报
onPageNotFound	页面不存在时	引导至首页或处理逻辑

页面生命周期

方法	说明	触发时机
onInit	页面初始化	早于 onLoad，Vue3 支持
onLoad	页面加载	首次进入页面，可获取参数
onShow	页面显示	每次页面出现时（包括返回）
onReady	页面渲染完成	可获取 DOM 元素
onHide	页面隐藏	跳转至其他页面时
onUnload	页面卸载	页面关闭时
onResize	窗口尺寸变化	屏幕旋转、分屏等场景

组件生命周期（同 Vue）

export default {
    beforeCreate() {
    },
    created() {
    },
    beforeMount() {
    },
    mounted() {
    },
    beforeUpdate() {
    },
    updated() {
    },
    beforeDestroy() {
    },
    destroyed() {
    }
}

生命周期执行顺序

1. 应用启动：onLaunch → onShow
2. 页面打开：onLoad → onShow → onReady
3. 页面跳转：当前页 onHide → 新页面 onLoad → 新页面 onShow → 新页面 onReady
4. 页面返回：新页面 onUnload → 当前页 onShow