Vue-生命周期勾子函数

时间:2024-07-14 07:08:59

生命周期钩子函数
Vue组件的生命周期钩子函数是一些特定的函数,它们会在组件的不同阶段被调用。在Vue3中,组件的生命周期钩子函数有所改变。下面是一些常用的生命周期钩子函数:

beforeCreate:在实例创建之前被调用,此时数据观测和初始化事件还未开始。
created:在实例创建完成后被调用,此时已完成数据观测和初始化事件,但尚未挂载到DOM上。
beforeMount:在挂载之前被调用,此时模板编译已完成。
mounted:在挂载完成后被调用,此时组件已经被挂载到DOM上。
beforeUpdate:在更新之前被调用,此时数据已经更新,但DOM尚未重新渲染。
updated:在更新完成后被调用,此时组件已重新渲染。
beforeUnmount:在卸载之前被调用,此时组件尚未从DOM上卸载。
unmounted:在卸载完成后被调用,此时组件已从DOM上卸载。