uniapp生命周期执行顺序
时间: 2023-08-12 21:05:26 浏览: 117
uni-composition-api:兼容UniAppVue2中composition-api的使用,以及提供UniApp生命周期钩子
uniapp的生命周期执行顺序如下:
1. beforeCreate:在实例初始化之后,数据观测和事件配置之前被调用。
2. created:在实例创建完成后被调用,此时实例已经完成了数据观测和事件配置。
3. beforeMount:在挂载开始之前被调用,相关的 render 函数首次被调用。
4. mounted:el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。
5. onShow:页面展示时触发,对应小程序的onShow生命周期。
6. onLoad:页面加载时触发,对应小程序的onLoad生命周期。
7. onReady:页面初次渲染完成时触发,对应小程序的onReady生命周期。
8. beforeUpdate:数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。
9. updated:由于数据更改导致的虚拟 DOM 重新渲染和打补丁完成之后调用。
10. onUnLoad:页面卸载时触发,对应小程序的onUnload生命周期。
11. onHide:页面隐藏时触发,对应小程序的onHide生命周期。
以上是uniapp生命周期的执行顺序。\[1\]\[2\]
#### 引用[.reference_title]
- *1* [uni-app中页面生命周期与vue生命周期的执行顺序](https://blog.csdn.net/hu104160112/article/details/116298100)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [uniapp常用生命周期执行顺序](https://blog.csdn.net/front_endxiaobaia/article/details/115480261)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文