VueRouterV4版本状态保持和过渡效果

v4版本修改了使用方式
过渡效果

<router-view v-slot="{ Component, route }">
  <!-- 使用任何自定义过渡和回退到 `fade` -->
  <transition :name="route.meta.transition || 'fade'">
    <component :is="Component" />
  </transition>
</router-view>

状态保持

<router-view v-slot="{ Component, route }">
    <keep-alive v-if="route.meta.keepAlive" >
      <component :is="Component"></component>
    </keep-alive>
     <component :is="Component" v-else></component>
</router-view>