Vue学习笔记-缓存路由组件

作用

让不展示的路由组件保持挂载，不被销毁

具体编码

在需要缓存的路由组件上级组件中编写如下代码

<!--include属性中填写需要缓存的组件名-->
<keep-alive include="name1,name2,...">
   <router-view></router-view>
</keep-alive>
<!--include属性中填写需要缓存的组件名数组，需要使用v-bind-->
<keep-alive :include="['name1','name2',...]">
   <router-view></router-view>
</keep-alive>