组件(Component)生命周期
方法名 | 触发时机 | 用途 | 是否常用 |
aboutToAppear() | 组件刚要显示在界面上(初始化时) | 初始化变量、启动计时器、加载数据等 | ✅ 很常用 |
aboutToDisappear() | 组件从界面移除前(销毁前) | 清理资源、停止定时器等 | ✅ 很常用 |
onPageShow() | 所在页面重新显示时(从后台返回前台) | 刷新界面、重新拉取数据 | ⚪ 较常用 |
onPageHide() | 页面被隐藏时(跳转到别的页面) | 暂停动画、保存状态等 | ⚪ 较常用 |
执行流程
aboutToAppear() → onPageShow() → onPageHide() → aboutToDisappear()
页面(Page / @Entry 组件)生命周期
方法名 | 含义 | 常见用途 |
onPageShow() | 页面显示(从后台返回或新进入) | 刷新数据、恢复动画 |
onPageHide( | 页面隐藏(切换到别的页面或后台) | 暂停动画、保存数据 |
aboutToAppear() | 页面创建前 | 初始化逻辑、启动计时器 |
aboutToDisappear() | 页面销毁前 | 清理逻辑、销毁定时器 |
onBackPress() | 用户按返回键时触发 | 拦截返回逻辑(如弹确认框) |
✅ 注意:
aboutToAppear和 aboutToDisappear在 页面第一次加载 / 销毁 时触发,
而 onPageShow和 onPageHide会在 每次进入 / 离开页面 时触发。
生命周期执行顺序图
假设你启动 App → 打开登录页 → 跳转主页 → 返回登录页:
阶段 | 页面 | 调用的生命周期 |
打开登录页 | LoginPage | |
跳转主页 | LoginPage | |
进入主页 | HomePage | |
返回登录页 | HomePage | |
登录页再次显示 | LoginPage | |



