Vue3生命周期

一句话总结：Vue 3 的生命周期可以总结为组件从创建到销毁的一系列过程，每个过程都伴随着特定的钩子函数，允许开发者在这些阶段执行自定义的代码逻辑。Vue 3 的生命周期主要分为四个阶段：创建、挂载、更新和销毁，每个阶段都包含了一个或多个钩子函数。

创建

vue3的创建，也就是vue2中的beforeCreate和create，都被setup替代了

挂载

挂载前

onBeforeMount是一个函数，需要调用此函数，并传递一个回调函数

onBeforeMount(()=>{
    console.log("挂载前");
})

挂载完毕

onMounted(()=>{
    console.log("挂载完毕");
})

更新

更新前

onBeforeUpdate(()=>{
    console.log("更新前");
})

更新完毕

onUpdated(()=>{
    console.log("更新完毕");
})

卸载

卸载前

onBeforeUnmount(()=>{
    console.log("卸载前");
})

卸载完毕

onUnmounted(()=>{
    console.log("卸载完毕");
})

父子生命周期执行顺序

1. 父创建
2. 父挂载前
3. 子创建
4. 子挂载前
5. 子挂载完毕
6. 父挂载完毕