vue3 setup执行顺序
时间: 2023-10-16 12:08:32 浏览: 39
在Vue3中,setup函数的执行顺序如下:
1. setup函数执行时,会先执行其中的逻辑代码。
2. 然后执行onBeforeMount生命周期钩子函数。
3. 接着执行onMounted生命周期钩子函数。
4. 然后执行onBeforeUpdate生命周期钩子函数。
5. 接着执行onUpdated生命周期钩子函数。
6. 最后执行onBeforeUnmount生命周期钩子函数。
总结起来,Vue3中setup函数的执行顺序是:setup -> onBeforeMount -> onMounted -> onBeforeUpdate -> onUpdated -> onBeforeUnmount。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue父子组件生命周期执行顺序](https://blog.csdn.net/a460550542/article/details/127717903)[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: 50%"]
- *2* *3* [Vue3生命周期及当Vue3与Vue2生命周期混用时的执行顺序](https://blog.csdn.net/qq_37635012/article/details/127235919)[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: 50%"]
[ .reference_list ]