vue基础 - 24 （vue3 生命周期：onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted）
setup相当于之前的created周期：创建时 onBeforeMount：DOM即将挂载 onMounted：DOM挂载完毕 onBeforeUpdate：DOM即将更新 onUpdated：DOM更新完毕 onBeforeUnmount：即将销毁 onUnmounted：销毁完毕
<script>
import { defineComponent, onBeforeMount,onMounted } from 'vue'
//声明周期：vue3中名称发生了变更
//setup相当于之前的created周期：创建时
export default defineComponent({
setup () {
onBeforeMount(() => {
console.log("DOM即将挂载");
})
onMounted(() => {
console.log("DOM挂载完毕");
})
// onBeforeUpdate(() => {}) DOM即将更新
// onUpdated(() => {}) DOM更新完毕
// onBeforeUnmount(() => {}) 即将销毁
// onUnmounted(() => {}) 销毁完毕
return {}
}
})
</script>
————————————————
版权声明：本文为CSDN博主「黑猫了个怪怪」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Janicecat/article/details/121736628