vue动画

1、.v-enter

进入过渡动画

.v-enter {transform: translateX(500px);}

2、.v-enter-active

用来定义过渡动画的过程，它拥有最长的持续时间，包括了整个Enter(进入)动画的持续时间。

.v-enter-active {transition: 3s all;}

3、.v-enter-to

结束节点

.v-enter-to {transform: translateX(0);}

4、.v-leave

移除过渡动画

v-leave {transform: translateX(-500px);}

5、.v-leave-active

就是定义过渡动画的过程

.v-leave-active {transition: 3s all;}

6、.v-leave-to

用来定义过渡动画的结尾

.v-leave-to {transform: translateX(0);}