Vue路由中如何实现前进后退功能，有哪些技巧和注意事项？

本文共计1159个文字，预计阅读时间需要5分钟。

前言+最近在做一个独立项目的时候，遇到了一个小村庄，特做个爬村纪念。+基本场景是页面之间通过vue路由跳转，从页面A跳转到页面B（在页面B进行对应操作后），再从页面B跳转到页面D”。

前言

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

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

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

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

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

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