·21 分钟阅读·管理员
keptAlive组件实现原理
KeepAlive是 Vue 中用于缓存组件实例的抽象组件,通过 include、exclude和 max参数控制缓存行为。在组件激活和停用时触发 onActivated 和 onDeactivated 钩子。组件被移除时不会真正销毁,而是移动到隐藏容器中,重新激活时再从容器中取出。渲染逻辑确保有且仅有一个子组件被渲染,并在组件挂载和更新时缓存子节点。
加载中…
KeepAlive是 Vue 中用于缓存组件实例的抽象组件,通过 include、exclude和 max参数控制缓存行为。在组件激活和停用时触发 onActivated 和 onDeactivated 钩子。组件被移除时不会真正销毁,而是移动到隐藏容器中,重新激活时再从容器中取出。渲染逻辑确保有且仅有一个子组件被渲染,并在组件挂载和更新时缓存子节点。