流浪のwolf

卷帝

导航

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

keep-alive 组件的使用场景:  

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

 

keep-alive 的作用 :

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

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

 

原理:

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

  

posted on 2022-11-12 21:36  流浪のwolf  阅读(110)  评论(0编辑  收藏  举报