解决vue单页使用keep-alive页面返回不刷新的问题

使用vue单页开发项目时遇到一个很恶心的问题：在列表页点击一条数据进入详情页，按返回键返回列表页时页面刷新了，用户体验非常差啊！！！查阅了一下相关问题，使用解决这个问题，下面是我的使用心得。是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。然后就是给我们路由设置keepAlive属性值，比如我是给主页（列表页）的路由设置了keepAlive属性为true。beforeRouterLeave必须写在有配置路由的页面上才有效的，最开始我想写在App.vue页面上，发现根本就不执行的！