顺序 | 事件/生命周期钩子 | 意义 |
---|---|---|
1 | setup() |
组件初始化,设置组件状态和行为 |
2 | beforeCreate |
Vue 实例初始化后,数据观测和事件配置前 |
3 | created |
Vue 实例创建完成,可以进行数据初始化和异步操作 |
4 | beforeMount |
组件挂载前,可进行最后的准备或修改 |
5 | DOMContentLoaded |
页面 DOM 完全加载完成,但外部资源可能仍在加载中 |
6 | mounted |
组件已挂载至 DOM,可以访问和操作真实 DOM 元素 |
7 | load |
页面及其所有资源(如图像、脚本)完全加载完成 |
8 | beforeUnload |
用户即将离开页面前,可以询问用户是否确认离开 |
9 | beforeUnmount |
组件将要被卸载,进行必要的清理工作 |
10 | unmounted |
组件已被卸载,可以执行资源释放等操作 |
11 | unload |
页面将要被卸载,最后一次执行清理工作 |
uni-app中页面生命周期与vue生命周期的执行顺序对比
2024-06-18 15:06:04 40 阅读