VUE_缓存路由

版权声明：转载请注明出处与链接。 https://blog.csdn.net/With_Her/article/details/84848644

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

如上，使用<keep-alive></keep-alive>标签对<router-view></router-view>进行包含

那么<router-view>内的路由组件信息即可实现缓存功能

为何需要路由缓存？

如果不开启缓存功能，跳转路由组件的大致过程是这样的：

每次即将跳转时，当前路由组件会销毁， 并且创建要跳转的组件，
那么被销毁的组件内的信息也就随之失去

有些情况下，希望组件不被销毁，保持组件的存在状态与当前数据，那么就可以使用<keep-alive>来实现了！

*注：

<keep-alive>缓存的不是数据！缓存的是路由组件对象！