Vue3+TS Day23 - vue-router、路由动画、路由动态添加、路由守卫guard

1、如何给路由切换添加动画?

image.png

2、如何给路由切换添加缓存?

  • 使用 keep-alive 包裹
    <router-view v-slot="props">
      <transition name="why" mode="out-in">
        <keep-alive>
          <component :is="props.Component"></component>
        </keep-alive>
      </transition>
    </router-view>

3、为什么要【动态的添加路由】?

  • 有时候需要根据用户角色,来配置路由的内容。
image.png
image.png

4、在路由切换过程中希望做更多事情,怎么办?

  • 使用 【路由守卫】
image.png
image.png
image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容