vue转场动画主要通过vue中的提供的transition组件实现的,例如;
<transition name=”名称”>
<router-view></router-view>
</transition>
其中name为转场的名称,自己定义,可通过定义进入和离开两种转场动画,格式为:
.名称-enter { } //将要进入动画
.名称-enter-active { } //定义进入的过程动画
.名称-leave { } //将要离开的动画
.名称-leave-active { } //定义离开过程中的动画