首页 > 试题广场 >

说说 keep-alive + 动态路由下的缓存命中与失效。

[问答题]
说说 keep-alive + 动态路由下的缓存命中与失效。
极简版: 1. 缓存命中 -  keep-alive  按 组件名  name  缓存,不是按路由 - 动态路由(如  /user/:id )复用同一个组件,默认会命中缓存 - 路由参数变了,但组件没换 → 走  activated ,不重新创建 2. 缓存失效场景 - 组件  name  不同 → 新缓存 - 使用  include/exclude  排除该组件 - 使用  max  达到上限,LRU 淘汰 - 手动调用  router.go()  等刷新页面 - 动态路由切换到不同组件(不是同组件不同参数) 3. 同组件不同参数想刷新 - 监听  to.params  变化 - 或用  key  强制不缓存: vue
发表于 2026-04-12 02:47:19 回复(0)