vue keep-alive component动态组件使用

效果： 组件之间来回切换的时候可以保持组件的缓存状态，不重新加载组件

实例： tab页菜单之间的切换

 

 <router-view v-slot="{ Component, route}">
  <transition name="app" mode="out-in">
   <div class="ap-container">
    <keep-alive :include="cacheView">
     <component :is="component"></component>
    </keep-alive>
   </div>
  </transition>
 </router-view>

组件的name值与router中的name值相同