vue两个路由之间可以用动画过渡吗

是的，Vue 提供了过渡动画的功能，可以在路由切换时实现页面之间的过渡效果。你可以使用 Vue 的过渡组件 `<transition>` 或 `<transition-group>` 来实现路由过渡动画。

下面是一个简单的示例，展示了如何在两个路由之间应用过渡动画：

<template>
  <div>
    <transition name="fade" mode="out-in">
      <router-view />
    </transition>
  </div>
</template>

<style>
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
</style>

在上面的示例中，`<transition>` 组件将 `<router-view>` 包裹起来，并设置了过渡的名称为 "fade"。通过设置 CSS 类名和过渡效果的样式规则，我们定义了淡入淡出的过渡效果。

你可以根据需要自定义过渡效果的样式和动画，如改变位置、缩放等。更多关于 Vue 过渡的用法和配置，请参考 Vue 官方文档中的[过渡效果](https://vuejs.org/v2/guide/transitions.html)部分。

需要注意的是，路由切换时会触发组件的生命周期钩子函数，例如 `beforeRouteEnter`、`beforeRouteLeave` 等，在这些钩子函数中，你也可以自定义一些动画效果或过渡逻辑。