关于vue3生命周期函数

同学你好，解答如下：

1、在vue3中使用<keep-alive >与在vue2中使用基本是一样的，都是用于在组件之间切换的时候，保持这些组件的状态，以避免反复渲染导致的性能问题。

2、在vue3中生命周期函数还是可以继续使用的，不是不能用了，只是用的比较少而已，而且使用流程基本也没有发生变化。与vue2相比，vue3的生命周期函数发生了一些变化，老师给同学总结了一下vue3中的生命周期函数，同学可以作为参考：

setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method

onBeforeMount() : 组件挂载到节点上之前执行的函数；

onMounted() : 组件挂载完成后执行的函数；

onBeforeUpdate(): 组件更新之前执行的函数；

onUpdated(): 组件更新完成之后执行的函数；

onBeforeUnmount(): 组件卸载之前执行的函数；

onUnmounted(): 组件卸载完成后执行的函数；

onActivated(): 被包含在 <keep-alive> 中的组件，会多出两个生命周期钩子函数，被激活时执行；

onDeactivated(): 比如从 A 组件，切换到 B 组件，A 组件消失时执行；

另外，当组件在 <keep-alive> 内被切换时，它的 mounted 和 unmounted 生命周期钩子不会被调用，取而代之的是 activated 和 deactivated。

祝学习愉快！