vue3生命周期

1.生命周期钩子

beforecreate created setup语法糖模式是没有这两个生命周期的 setup 去代替

onBeforeMount 读不到dom，onMounted可以读取dom

<script setup lang="ts">
import {
  onBeforeMount,
  onMounted,
  onBeforeUpdate,
  onUpdated,
  onBeforeUnmount,
  onUnmounted,
} from "vue";

// 创建
onBeforeMount(()=>{
    console.log("创建前=============")
})

onMounted(()=>{
    console.log("创建完成=============")
})

// 更新
onBeforeUpdate(()=>{
    console.log("更新组件之前=============")
})

onUpdated(()=>{
    console.log("更新组件完成=============")
})

// 销毁
onBeforeUnmount(()=>{
    console.log("销毁之前=============")
})

onUnmounted(()=>{
    console.log("销毁完成=============")
})

</script>