vue路由跳转动画只执行一次

只有首次刷新的时候更新，再切换页面没有动画效果

<template>
    <div id="app">
      <transition  name="custom-classes-transition"  enter-active-class="animated slideInRight" leave-active-class="animated slideOutLeft" >
        <router-view></router-view>
      </transition>
    </div>
</template>

<script>
import animate from 'animate.css'
export default {
  name:'app',
  data() {
    return {
    }
  },
}
</script>

路由的跳转层次有问题吧, 如果是在一个页面内 ,再嵌入一个router-view, 这个动画是不会触发的