生命周期

vue3生命周期

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

// setup 语法糖没有beforeCreate和created, 使用setup代替，setup最先执行
onBeforeMount(() => {
  // 不能获取dom元素
});
onMounted(() => {
  // 可以访问dom
});

onBeforeUpdate(() => {
  // 组件更新之前，获取的还是更新之前的dom
});
onUpdated(() => {
  // 组件更新之后，获取更新之后的dom
});
onBeforeUnmount(() => {
  // 组件销毁之前
});
onUnmounted(() => {
  // 组件销毁完成
});
onRenderTracked((e) => {
  // 调式钩子， 在生命周期更新时触发
});
onRenderTriggered((e) => {
  // 调式钩子， 在生命周期更新时触发
});