后退按钮导航无需在vue js中重新加载上一页

Question

我创建了3个页面，第一页导航到第二页，第二页导航到第3页，但是当我点击后退按钮它导航到上一页但是它没有给出它重新加载页面的最后历史记录，

Answer 1

这是正常的，因为前一个组件的实例已被销毁。您可以在lifecycle hook中console.log查看在输入和退出路线时调用哪些挂钩。

要防止此行为并缓存您的路线组件，您可以将<router-view>包裹在<keep-alive>

内

<keep-alive>
    <router-view></router-view>
</keep-alive>

您可以通过include上的exclude和<keep-alive>道具来管理要缓存或未缓存的组件