Vue缓存路由组件对象
这是vue中比较重要的知识点之一了,几乎使用Vue-router时,都会使用此方法。使用场景就是从A页面跳转到B页面,再切换A页面时还能保持上次离开时所停留的位置。还有他就是在你跳转的时候,他会将当前路由缓存起来,当下次访问时不会重新创建DOM。
将 路由显示区域使用keep-alive标签包裹起来,便完成了缓存路由组件对象。此时他会多出来两个生命周期函数activated 和 deactivated,表示失活状态和激活状态。
<keep-alive>
<router-view />
</keep-alive>
假如我们有的组件不想被缓存,比如需要实时更新的数据,那就需要使用include 和 exclude