beforeCreate create setup 语法糖模式没有这两个生命周期

onBeforeMount：读不到 dom

onMounted：可以获取 dom

onBeforeUpdate：获取的是更新之前的 dom

onUpdated：获取的是更新之后的 dom

html
<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>