Skip to content

vue3生命周期

1. 基础周期

2. 相对于vue2的变化

vue2vue3描述
beforeCreatesetup()组件实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性
createdsetup()组件实例已经在内存中创建完毕,此时 data 和 methods 已经初始化好了,但是尚未挂载到页面中
beforeMountonBeforeMount组件实例的 $el 属性还没有被创建
mountedonMounted组件实例的 $el 属性已经被创建
beforeUpdateonBeforeUpdate组件数据更新之前调用,此时,数据更新了,但是页面尚未更新
updatedonUpdated组件数据更新之后调用,此时,数据更新了,且页面也更新了
beforeDestroyonBeforeUnmount组件实例销毁之前调用
destroyedonUnmounted组件实例销毁之后调用
errorCapturedonErrorCaptured当捕获一个来自子孙组件的错误时被调用
onActivatedonActivated被包含在<keep-alive>中的组件,会多出两个生命周期钩子函数。被激活时执行。

京ICP备2024093538号-1