vite+ts+vue3 知识点（组件生命周期）

注意：如果你，使用的是setup语法糖模式，是没有 beforeCreate 和 created 这两个生命周期的，这两个生命周期被 setup 代替了

// 创建之前(无法读取dom)
onBeforeMount(() => {
  console.log("创建之前");
});
// 创建完成(可以读取dom)
onMounted(() => {
  console.log("创建完成");
});
// 更新之前(读取更新之前的dom)
onBeforeUpdate(() => {
  console.log("更新之前");
});
// 更新完成(读取更新之后的dom)
onUpdated(() => {
  console.log("更新完成");
});
// 卸载之前
onBeforeUnmount(() => {
  console.log("卸载之前");
});
// 卸载完成
onUnmounted(() => {
  console.log("卸载完成");
});
// 收集依赖
onRenderTracked((e) => {
  console.log(e);
});

// 更新依赖
onRenderTriggered((e) => {
  console.log(e);
});