Vue3 KeepAlive实现原理是什么？
- 内容介绍
- 文章标签
- 相关推荐
本文共计731个文字，预计阅读时间需要3分钟。
目录 + 思路 + 代码解析 + setup + render + onActivated 和 onDeactived 调用 + 思路 + 首先我们知道 + KeepAlive + 是一个内置组件，封装一个组件对大型应用来说通常不会遇到太大困难，其核心逻辑在于 + ren
目录
- 思路
- 代码解析
- setup
- render
- onActivated 和 onDeactived调用
思路
首先我们知道 KeepAlive 是一个内置组件，那封装一个组件对于大家来说应该不会有太大的困难，它的核心逻辑在于它的 render 函数，它用 map 去记录要缓存的组件，就是 [key，vnode] 的形式。它的核心思想就是 LRU，当我们限制有 maxSize 的时候，超过 maxSize 时我们会删除最久没有使用的[key, vnode]，可以看看 leetcode146.LRU缓存；基本上你理清了 LRU 算法的思路，keepalive 的原理你也知道的差不多了。
本文共计731个文字，预计阅读时间需要3分钟。
目录 + 思路 + 代码解析 + setup + render + onActivated 和 onDeactived 调用 + 思路 + 首先我们知道 + KeepAlive + 是一个内置组件，封装一个组件对大型应用来说通常不会遇到太大困难，其核心逻辑在于 + ren
目录
- 思路
- 代码解析
- setup
- render
- onActivated 和 onDeactived调用
思路
首先我们知道 KeepAlive 是一个内置组件，那封装一个组件对于大家来说应该不会有太大的困难，它的核心逻辑在于它的 render 函数，它用 map 去记录要缓存的组件，就是 [key，vnode] 的形式。它的核心思想就是 LRU，当我们限制有 maxSize 的时候，超过 maxSize 时我们会删除最久没有使用的[key, vnode]，可以看看 leetcode146.LRU缓存；基本上你理清了 LRU 算法的思路，keepalive 的原理你也知道的差不多了。