Vue 路由按需keep-alive(附源码）

Posted 2021-04-16 前端教程

前端干货第一时间送达！

https://juejin.im/post/5cdcbae9e51d454759351d84

Vue 代码demo运行动画：

situation

一个常见的的场景，

主页 -->前进 列表页-->前进 详情页，详情页 -->返回 主页 -->返回 列表页

我们希望，

从 详情页 -->返回 列表页 的时候页面的状态是缓存，不用重新请求数据，提升用户体验。

从 列表页 -->返回 主页 的时候页面，注销掉列表页，以在进入不同的列表页的时候，获取最新的数据。

task

今天 让我们来实现这个需求。

在 代码的世界里 解决问题的 方法 从来都不止一种。

比如，从数组中找到一个的值索引：

可以用最基础的 for循环 遍历，也可以用indexOf这种工具函数，还可以用findIndex forEach等更语义化的高阶函数来遍历。

我参考了大量的文章，爬了官方的文档，之后，找到了好几种办法，下面，让我们来一个个分析。

let's begin ， 我们开始吧。