今天小编就为大家分享一篇vue-router之实现导航切换过渡动画效果，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

过渡动效 提供了transition的封装组件，添加过渡动画，通过添加或删除css类名来实现。 过渡的css类名： v-enter　　进入过渡的开始状态 v-enter-active　　进入活动状态 v-enter-to　　进入的结束状态 v-leave　　离开过渡的开始状态 v-leave-active　　离开活动状态 v-leave-to　　离开结束状态 过渡模式： in-out　　先进后出 out-in　　先出后进 用法： 做一个淡隐淡出效果 把想要运动的元素放到里面，设置模式。