vue设置name导航动画过渡

在vue的css文件写入，
.名字-enter{}//定义进入过渡的开始状态
.名字-enter-active{}//定义进入活动状态
.名字-enter-to{}//定义进入结束状态
.名字-leave{}//定义离开过渡的开始状态
.名字-leave-active{}//定义离开活动状态
.名字-leave-to{}//定义离开的结束状态

默认名字是v
比如.v-enter{};
<transition>

</transition>

也可以自定义名字
.wolf-enter{}
<transition name="wolf">

</transition>

如果需要动态改变导航动画过渡
在路由元信息，route(to,from){console.log(to.meta);console.log(from.meta);}
根据meta值的改变，判断切换了目标，来达到切换name值改变导航动漫。