Bootstrap

vue2加入keep-alive后的生命周期情况

1.加入keep-alive会执行哪些生命周期?

如果使用了keep-alive组件,当前的组件会额外增加2个生命周期:(系统8个+2个)

1.activated

触发时机:<keep-alive> 包裹的组件被重新激活(再次可见)时。
用途:执行组件重新激活时需要的操作,如更新数据或执行DOM操作。

2.deactivated

触发时机:<keep-alive> 包裹的组件被停用(不再可见)时。
用途:执行组件停用时的清理工作,如取消定时器或解绑事件监听器。
这两个钩子主要用于管理被<keep-alive>缓存的组件的状态和生命周期。

2.keep-alive是什么 : 缓存当前组件

3.如果当前组件加入了keep-alive第一次进入这个组件会执行5个生命周期

beforeCreate
created
beforeMount
mounted
activated

4.第二次或者第N次进去组件会执行哪些生命周期?

1.如果当前组件加入了keep-alive,只会执行一个生命周期

activated

2.如果没有加入keep-alive,执行4个生命周期

beforeCreate
created
beforeMount
mounted

;