vue 过渡

vue过渡流程图

1. 在v-enter-ative和v-leave-active中定义过渡的时间、延迟和曲线函数。
2. 在v-enter和v-leave-to设置与元素正常显示时相反的样式。
3. 在v-enter-ative和v-leave-active中定义动画。
4. 显示状态下，过渡流程中的各个类样式是移除的。
5. 一般v-enter-to和v-leave都和v-enter-active样式一致，v-leave-to和v-leave-active样式一致。所以设置v-enter-active、v-leave-active和v-enter即可，v-enter是为了初始化样式，保证有过渡效果。