vue3-生命周期

概念：

vue组件实例在创建时要经历一系列的初始化步骤，在此过程中Vue会在合适的时机，调用特定的函数，从而让开发者有机会在特定阶段运行自己的代码，这些特定的函数统称为：生命周期钩子

规律：

生命周期整体分为四个阶段，分别是：创建、挂载、更新、销毁，每个阶段都有两个钩子，一前一后。

<script lang="ts" setup name="Person">
//创建
console.log("创建")
//挂载
onBeforeMount(()=>{
console.log("挂载前")
})
//挂载完毕
onMounted(()=>{
console.log("挂载完毕")
})
//更新前
onBeforeUpdate(()=>{
console.log("更新前")
})
//更新完毕
onUpdated(()=>{
console.log("更新完毕")
})
//卸载前
onBeforeUnmount(()=>{
console.log("卸载前")
})
//卸载完毕
onUnmounted(()=>{
console.log('加载完毕')
})
</script>