让不展示的路由组件保持挂载,不被销毁
为了预防在使用同一个<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>
如果觉得《vue——缓存路由组件》对你有帮助,请点赞、收藏,并留下你的观点哦!