让不展示的路由组件保持挂载,不被销毁
为了预防在使用同一个 <router-view></router-view> 的情况下,路由来回跳转导致之前写的数据会被清除,其实是路由跳转后之前的组件被销毁了
使用 <keep-alive>……</keep-alive> 标签包裹 <router-view></router-view> 跳转后组件不会被销毁从而数据也不会消失
例如
<keep-alive>
<router-view></router-view>
</keep-alive>
但是有些组件不需要缓存数据,这是可以添加 include 属性指定需要被缓存的组件 默认是都缓存的
例如
<keep-alive :include="['News']">
<router-view></router-view>
</keep-alive>