uniapp生命周期执行顺序mounted
时间: 2023-10-07 18:10:58 浏览: 100
在UniApp中,mounted生命周期的执行顺序如下:
1. beforeCreate:在实例被创建之前执行,此时组件的数据观测和事件机制尚未初始化。
2. created:在实例被创建完成后执行,此时组件的数据观测和事件机制已经初始化完成。
3. beforeMount:在挂载开始之前执行,此时模板编译还未开始。
4. mounted:在挂载完成后执行,此时组件已经被挂载到DOM上,可以进行DOM操作。
相关问题
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 ]
uniapp生命周期mounted
在Uniapp中,mounted生命周期钩子函数是在组件被渲染到页面上之后触发的。在mounted函数中,可以执行一些需要在组件被挂载到页面上后才能进行的操作,例如获取数据、初始化插件等。在mounted函数中,组件的数据已经被渲染到页面上,可以进行DOM操作和与后端交互。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [uniapp生命周期](https://blog.csdn.net/m0_64590669/article/details/130307866)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]