– 关注前端和node js,分享福利和心得!

vue3生命周期

首先说一点,在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():组件隐藏时执行

最新文章

    热门文章