Vue Router如何实现导航切换时添加酷炫的长尾词过渡动画效果？

本文共计740个文字，预计阅读时间需要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>里面，设置模式。