uniapp生命周期钩子前后顺序
时间: 2024-12-26 14:25:06 浏览: 4
### UniApp 应用生命周期钩子执行顺序
对于整个应用程序而言,`onLaunch` 首先被调用,在uni-app初始化完成时触发,并且在整个应用的生命周期内仅触发一次[^2]。随后每次当uni-app启动或是从后台回到前台展示的时候会触发 `onShow` 方法;而每当uni-app从前台退至后台,则会触发 `onHide` 方法。
针对页面级别的生命周期函数来说,其遵循如下流程:
1. 页面加载前:此时会依次触发 `onLoad` -> `onReady` 。其中 `onLoad` 是在页面加载时触发,可以获取到传递过来的参数,适合做一些数据初始化工作;`onReady` 则是在页面初次渲染完成后触发。
2. 页面显示阶段:如果该页面是从其他页面返回或者是首次打开之后再次激活,那么将会触发 `onShow` 事件处理程序。
3. 当离开当前页面前往另一个新页面或者关闭本页时,会分别触发 `onUnload` 或者是 `onHide` ,这取决于具体的场景逻辑。
需要注意的是,上述提到的应用级别以及页面级别的生命周期方法均属于框架自动管理的部分,开发者无需手动控制这些过程的发生时机,只需按照实际需求编写对应的业务逻辑即可。
```javascript
// App.vue 中定义全局生命周期回调
export default {
onLaunch() { console.log('Application launched'); },
onShow() { console.log('Application comes to foreground or first launch'); },
onHide() { console.log('Application goes background'); }
}
```
阅读全文