vue中keep-alive的作用

keep-alive可以在组件切换时,保存其包裹的组件状态,使其不会被destroyed销毁,keep-alive中的路由页面只会执行一次created生命周期,防止多次渲染。

其拥有独立的两个钩子函数actived和deactived,使用keep-alive包裹的组件在切换时不会被销毁,而是缓存到内存中并执行deactived钩子函数,命中缓存渲染后会执行actived钩子函数。

posted @ 2021-10-29 09:53  从入门到入土  阅读(142)  评论(0编辑  收藏  举报