主要介绍了vue缓存的keepalive页面刷新数据的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

用到这个的业务场景是这样的： a页面点击新建列表按钮进入到新建的页面b，填写b页面并点击b页面确认添加按钮，把这些数据带到a页面，填充到列表（数组），可以添加多条， 点击这条的时候进入到编辑页面，确认修改之后，回退到a页面，a页面需要更新这条数据 实现这个功能的时候，由于是路由页面之间的跳转，首先想到的方案有几个：1. 用sessionStorage本地存储；2. 用路由参数带过去；3. 用兄弟组件传值 由于是添加完之后如果按回退是需要退出整个页面，如果用路由跳转，会出现回退到编辑页面了，所以这

花了整整一周时间，尝试过很多种方法，终于找到了最佳的解决方案（对我来说最佳），为了祭奠逝去的一周，也为了释放激动的情绪，现在不得不写篇博客了。 直接上重点： 第一步： //在APP.vue里面写上keepalive，可以实现缓存（keep-alive是什么？查看官方文档） 第二步： //在router的index.js里面给需要缓存的页面加上meta参数 第三步： //在APP.vue里面写，当页面路由发生变化时，将相应页面的滚动位置记录下来，在页面updated时读取并赋值 第四步： /