小程序生命uniapp周期
时间: 2025-02-06 12:10:55 浏览: 37
### uniapp 小程序生命周期详解
#### 应用生命周期
应用生命周期指的是整个应用程序从启动到关闭的过程,在此期间会触发一系列事件来通知开发者当前的状态变化。具体来说:
- **App.onLaunch**: 当应用首次被启动时调用,适合用来做全局性的初始化设置[^1]。
- **App.onShow**: 每次应用从前台进入后台再回到前台都会触发该方法;也可以是在第一次启动之后每次重新激活应用的时候触发[^2]。
- **App.onHide**: 当用户切出应用或将应用最小化至后台运行时触发,可用于保存临时数据或暂停某些耗电的操作[^3]。
- **App.onError(msg)**: 如果应用发生未捕获错误,则会触发这个回调函数,并传递错误信息给参数 `msg`[^4]。
#### 页面生命周期
页面级别的生命周期则更加细化到了每一个单独的视图层面上,它描述了一个特定页面在其存在周期内的各个状态转换时刻。主要包括以下几个重要节点:
- **onLoad(option)**: 页面加载过程中最先被执行的方法之一,常用于获取传入参数并据此准备所需的数据源[^5]。
- **onShow()**: 类似于应用层面的同名钩子,每当页面显现出来就会立即响应一次,比如当通过底部标签栏再次选中某个已缓存过的页面实例时[^6]。
- **onReady()**: 表明页面初次渲染完毕后的时机点,意味着此时所有的组件都已经挂载好并且可以安全地访问DOM结构了[^7]。
- **onHide()**: 对应的是页面即将消失前一刻的动作处理逻辑,例如记录用户的最后操作位置以便下次快速恢复现场[^8]。
- **onUnload()**: 终极销毁阶段,一旦页面彻底退出历史舞台就不再有机会回来,因此这里应当着重考虑如何优雅地释放占用资源以及撤销监听器绑定等收尾事宜[^9]。
```javascript
// 示例代码展示如何定义这些生命周期钩子
export default {
onLoad(options) {
console.log('Page loaded with options:', options);
},
onShow() {
console.log('Page shown');
},
onReady() {
console.log('Page ready to interact');
},
onHide() {
console.log('Page hidden');
},
onUnload() {
console.log('Page unloaded');
}
}
```
阅读全文
相关推荐


















