想要在你动路径组件上使用转场,并对导航进行动画处理,你需要使用v-slot APi:
使用时需要安装第三方样式库
yarn add animate.css
在main.ts中引入全局样式
// 引入animate.css
import 'animate.css' // 这样引入样式是全局样式
在需要的地方使用
<transition
enter-active-class="animate__animated animate__slideInLeft"
leave-active-class="animate__animated animate__slideOutLeft"
>
<router-view></router-view>
</transition>