keep-alive
组件接受三个属性参数:include、exclude、max
include指定需要缓存的组件name集合,参数格式支持String, RegExp, Array。当为字符串的时候,多个组件名称以逗号隔开。exclude指定不需要缓存的组件name集合,参数格式和include一样。max指定最多可缓存组件的数量,超过数量删除第一个。参数格式支持String、Number。
原理
keep-alive实例会缓存对应组件的VNode,如果命中缓存,直接从缓存对象返回对应VNode
LRU(Least recently used) 算法根据数据的历史访问记录来进行淘汰数据,其核心思想是“如果数据最近被访问过,那么将来被访问的几率也更高”。(墨菲定律:越担心的事情越会发生)
本文详细介绍了Vue框架中keep-alive组件的用法,包括include、exclude和max属性的配置。keep-alive通过缓存VNode实现组件的复用,遵循LRU算法进行缓存管理,提高应用性能。同时,文章解释了如何通过这三个参数来控制哪些组件应该被缓存,以及缓存的最大数量。
966

被折叠的 条评论
为什么被折叠?



