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) => {
// 调式钩子, 在生命周期更新时触发
});
标签:生命周期,dom,setup,onMounted,更新,组件
From: https://www.cnblogs.com/JunLan/p/16848743.html