uni-app应用的生命周期、页面的生命周期、组件的生命周期
时间: 2024-08-13 07:06:47 浏览: 94
uni-app生命周期全解析:驾驭应用状态的艺术
UniApp 应用的生命周期、页面的生命周期以及组件的生命周期是构建单页应用(SPA)的重要概念,它们描述了从应用程序启动到销毁过程中各个部分的行为。以下是一些关键点:
1. **应用的生命周期**:
- **启动阶段**: App.vue 或 main.js 中初始化,例如调用 `createApp()` 创建 App 实例。
- **运行阶段**: 当页面或组件加载时,`onLaunch` 和 `onShow` 方法会被调用。
- **关闭阶段**: 当用户离开应用或调用 ` uni.closeWindow()`,会触发 `onHide` 和 `onClose`。
- **加载前**: `onLoad` 在页面开始加载之前调用。
- **加载中**: `onReady` 当页面DOM结构已经加载完成时调用。
- **显示**: `onShow` 页面完全显示时调用。
- **隐藏**: ` onHide` 页面将要隐藏时调用。
- **卸载**: `onUnload` 页面即将被卸载时调用。
3. **组件的生命周期**:
- **创建**: `created` 首次实例化组件时调用。
- **挂载**: `mounted` 组件已挂载到 DOM 中时调用。
- **更新**: `updated` 当数据更新但视图尚未更新时调用。
- **渲染**: `rendered` 当组件渲染完成时调用。
- **销毁**: `beforeDestroy` 在组件被卸载之前调用,`destroyed` 是最后一次回调,此时组件已经卸载。
每种生命周期方法都提供了一个执行特定任务的机会,开发者可以根据这些时机进行数据准备、事件监听和资源管理等操作。
阅读全文