Why

• 在最新的vue3中，其实生命周期是一个很好理解的东西。

How

• 以下直接用代码示例。

//#region 生命周期

  

console.log("组件加载完成");

  

import { onMounted, onBeforeMount, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted } from "vue";

onBeforeMount(() => {

    console.log("组件挂载之前");

})

onMounted(() => {

    console.log("组件挂载完成");

})

onBeforeUpdate(() => {

    console.log("组件更新之前");

})

onUpdated(() => {

    console.log("组件更新完成");

})

  

onBeforeUnmount(() => {

    console.log("组件卸载之前");

})

onUnmounted(() => {

    console.log("组件卸载完成");

})

  

//#endregion