首页 > 其他分享 >谈谈 keep-alive 组件,以及它们的实现原理

谈谈 keep-alive 组件,以及它们的实现原理

时间:2022-11-12 21:44:58浏览次数:42  
标签:缓存 dom alive keep 组件 原理

keep-alive 组件的使用场景:  

  我们切换 2 个组件的时候,2个组件会轮流被销毁创建,但是现在需求,切换到一个组件,另一个组件不会别销毁,会保留原来的状态 ;就要使用 vue 内置的组件 keep-alive ;

 

keep-alive 的作用 :

  保留组件的状态,避免组件重新渲染 ;

学习来源:https://www.cnblogs.com/zhulongxu/p/16728524.html

 

原理:

  keep-alive实现原理就是将对应的状态放入一个cache对象中,对应的dom节点放入缓存dom中,当下次再次需要组件时,从对象中获取状态,从缓存dom中移出至挂载dom节点中

  

标签:缓存,dom,alive,keep,组件,原理
From: https://www.cnblogs.com/zhulongxu/p/16884744.html

相关文章