首先说一点,在vue3中还是可以使用vue2里面的生命周期的,用法跟之前一样。但是vue3中的生命周期改变还是非常大的,在vue3中的生命周期函数都必须先引入才能使用。
setup()
setup类似于class中的contructor函数,不需要引入直接使用,setup()开始创建组件之前执行,在beforeCreate和created之前执行。
生命周期
import {onBeforeMount,onMounted,onBeforeUpdate,onUpdated,onBeforeUnMount,onUnMounted} form 'vue'
onBeforeMount():组件挂载到节点之前执行
onMounted():组件挂载完成后执行
onBeforeUpdate():组件更新之前执行
onUpdated():组件更新完成后执行
onBeforeUnMount():组件卸载之前执行
onUnMounted():组件卸载完成后执行
onErrorCaptured():捕获到子孙组件发生异常时执行
使用keep-aliive后,会多出两个生命周期函数
onActived():组件激活时执行
onDeActived():组件隐藏时执行