vue实现前进刷新，后退不刷新心得

最近在用vue做移动端的项目。希望实现前进刷新、后退不刷新的效果。即加载过的界面能缓存起来（返回不用重新加载），关闭的界面能被销毁掉（再进入时重新加载）。例如对a->b 前进（b）刷新，b->a 后退（a）不刷新。

需求：

• 默认显示 A
• B 跳到 A，A 不刷新
• C 跳到 A，A 刷新

实现方式： 

• 在 A 路由里面设置 meta 属性

 

 

• 在 B 组件里面设置 beforeRouteLeave：

 

 

vue新手注意：在App.vue中配置缓存的视图组件

• 在 C 组件里面设置 beforeRouteLeave：

感谢 iceuncle 分享的 《vue实现前进刷新，后退不刷新》。