1 跳转进去pageADetail，在pageAList的beforeRouteLeave钩子里面缓存pageAList，从pageADetail离开的时候，也有两种情况
(1) 回到pageAList，那么在pageADetail的beforeRouteLeave钩子里面缓存了pageAList，所以这就是从pageAList-pageADetail-pageAList的时候，pageAList可以被缓存，还是之前的页码状态
(2) 进入其他路由，在pageADetail的beforeRouteLeave钩子里面清除了pageAList的缓存
2 跳转到非pageADetail的页面，在pageAList的beforeRouteLeave钩子里面清除pageAList的缓存
方案评估
自认为用这个方案来实现缓存，最终的效果非常完美了
缺点：
代码有点多，缓存代码不好复用
性能问题：如果在要缓存的一级组件里面写了activated钩子，那么从非一级组件对应的二级组件进入到要缓存的一级组件的时候，会发送两次接口请求数据，mounted里面一次, activated里面一次, 所以如果想追求几行代码完美解决缓存问题的，这里就有点无能为力了
项目源码
项目源码的github地址 （本地下载），欢迎大家克隆下载
项目启动与效果演示
npm install安装项目依赖
npm run server启动后台服务器监听本地3003端口
npm run dev启动前端项目
三级缓存
上面的方法二级缓存就够了
上面我们说的是两个页面，二级缓存的问题，现在假设有三个页面，A1-A2-A3,一步步点进去，要求从A3返回到A2的时候，缓存A2，再从A2返回A1的时候，缓存A1，大家可以自己动手研究下，这里就不写了，其实就是上面的思路，留给大家研究。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对软件开发网的支持。
