2024-09-03组件开启keep-alive，由于keep-alive只能支持二级及以下路由，对于三级及以上路由，keep-alive失效，所以需要对keep-alive重新封装，并且在qiankun提供的生命周期钩子update里调用子应用删除缓存的方法 用于清除子应用组件keep-alive缓存。删除tab时是子应用并且在tablist中是否还有子应用菜单，如果没有，则unmount方法卸载子应用，如果有子应用菜单，则执行update方法清除该子应用的组件缓存。主子应用都使用vue，路由统一使用history模式。_乾坤项目垮子系统切换页签缓存页面不调用useactivate()

https://www.qianduange.cn//article/17585.html 分类：前端知识

2024-08-24是 Vue 中的一个内置组件，用于缓存动态组件或路由组件，以提升应用性能。使用可以避免频繁销毁和重建组件，从而减少不必要的性能开销。组件本质上是一个高阶组件，通过内部管理一个缓存对象来存储组件实例。当组件被缓存时，它的 DOM 会被移除，但实例和数据状态会被保留。当再次激活该组件时，它的实例会从缓存中恢复，而不需要重新创建。超过组件缓存的数量上限时，会涉及到一个LRU算法，用来计算最久没有使用过的组件，并进行销毁。这里以力扣的LRU算法题来展示此原理。146LRU缓存/***/

https://www.qianduange.cn//article/16809.html 分类：前端知识

2024-05-08值，用其与新的缓存规则进行匹配，如果匹配不上，则表示在新的缓存规则下该组件已经不需要被缓存，则调用。发生了变化，即表示定义需要缓存的组件的规则或者不需要缓存的组件的规则发生了变化，那么就执行。设置了 keep-alive 缓存的组件，会多出两个生命周期钩子（中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染。包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。中缓存组件的数量是否超过了设置的最大缓存数量值。表明该组件还没有被缓存过，则以该组件的。缓存的组件被激活的时候，都会执行。_vue keepalive

https://www.qianduange.cn//article/7452.html 分类：前端知识

2024-05-05在组件的动态切换过程中，存在组件的生成与销毁过程。在切换组件后，原组件将被销毁。再次切换为原组件时，由于组件经历了再生成的过程，组件中的数据都将处于初始状态。在实现组件的动态切换功能时，你可能会想保持这些组件的状态，以避免反复重新渲染导致的性能问题。我们可以使用 keep-alive 元素达成该目的。_vue 动态组件

https://www.qianduange.cn//article/7092.html 分类：前端知识

2024-03-04原因：router-view使用了keep-alive组件，会被缓存，而vue-router的切换不用于传统的页面切换。是路由之间的切换，组件之间的切换，引用相同组件的时候，会被直接调用缓存里面的而不会调用created()，onMoun ted()函数。如图所示：要实现的功能是点击每一个tabs栏下的更多按钮，会跳转到“消息中心”页面，这是点击不用的“更多”按钮，跳转的路由页面是同一个，但是要求页面里的消息类型下拉选择框和列表数据要刷新，显示不同的数据。现在的问题是：页面跳转数据不刷新。_vue3 跳转相同路由不刷新

https://www.qianduange.cn//article/3177.html 分类：前端知识

2024-03-03vue中内置组件keep-alive的设计思想源于HTTP中的keep-alive模式，keep-alive模式避免频繁创建、销毁链接，允许多个请求和响应使用同一个HTTP链接。_vue2重构keep-alivename

https://www.qianduange.cn//article/3142.html 分类：前端知识

2024-02-15【代码】Vue keep-alive组件的使用以及清除缓存的方法。_vue keepalive 清除缓存

https://www.qianduange.cn//article/2092.html 分类：前端知识