keep-alive 实现

作用 : 实现组件缓存,保持组件的状态,避免反复渲染导致性能问题

场景 : tabs标签页 后台导航 vue性能优化

原理 : veu 内部将DOM 节点抽象成了一个个的vnode节点 keep-alive组件缓存也是基于vnode节点 不是直接储存dom结构 他将满足条件(pruneCache与pruneCache)的组件在cache对象中缓存起来,需要重新渲染的时候再将vnode节点 从cache 对象中取出并渲染