vue路由中前进后退的一些事儿-创新互联

前言

最近蒸煮在做一个独立项目的时候遇到了一个小坑，特此做个爬坑纪念。

基本情景是页面之间通过vue路由跳转，从页面A跳转到页面B（在页面B进行对应操作后）,再从页面B跳转到页面C。之后再从页面C返回到页面B，页面B保留之前状态，返回页面A，页面B状态不保留。(｡･∀･)ﾉﾞ嗨~感觉说的好乱。

总之就是，前进刷新，后退不刷新（刷新是指是否重新渲染）

相信很多小伙伴都会想到用keep-alive开启缓存页面来实现，鹅，蒸煮也没例外，下面就是蒸煮的爬坑过程。

vue路由开启keep-alive缓存页面

keep-alive是vue官方提供的一种缓存组件实例的方法。

第一步，先改写的展示方式

//这是会被缓存的页面
 
 

//这里是不被缓存的组件