通过下表,我们可以看到,原有的生命周期基本都是存在的,并且新的命名更加至关,通过on前缀可以直观的看到,这是一个生命周期函数
vue2.0生命周期 | vue3.0生命周期 |
---|---|
beforeCreate(组件创建之前) | setup(组件创建之前) |
created(组件创建完成) | setup(组件创建之前) |
beforeMount(组件挂载之前) | onBeforeMount(组件挂载之前) |
mounted(组件挂载完成) | onMounted(组件挂载完成) |
beforeUpdate(数据更新,虚拟DOM打补丁之前) | onBeforeUpdate(数据更新,虚拟DOM打补丁之前) |
update(数据更新,虚拟DOM渲染完成) | onUpdated(数据更新,虚拟DOM渲染完成) |
beforeDestroy(组件销毁之前) | onBeforUnmount(组件销毁之前) |
destoryed(组件销毁之后) | onUnmounted(组件销毁之后) |