如何实现Vue Router中的导航切换动画效果？

本文共计739个文字，预计阅读时间需要3分钟。

过渡动画+提供transition封装组件，添加过渡动画效果，通过添加或删除CSS类名实现。+过渡的CSS类名：v-enter 进入开始状态 v-enter-active 进入活跃状态 v-enter-to 进入结束状态 v

过渡动效

提供了transition的封装组件，添加过渡动画，通过添加或删除css类名来实现。

过渡的css类名：

v-enter　　进入过渡的开始状态

v-enter-active　　进入活动状态

v-enter-to　　进入的结束状态

v-leave　　离开过渡的开始状态

v-leave-active　　离开活动状态

v-leave-to　　离开结束状态

过渡模式：

in-out　　先进后出

out-in　　先出后进

用法：

做一个淡隐淡出效果

把想要运动的元素放到<transition></transition>里面，设置模式。