vue 动画

一般动画配合v-if v-else 或则v-show 来实现，所有将要有动画效果的元素都包含在一个transition的组件中。

在该组件中，每个动画元素都包含6个阶段：

1.v-enter 

2.v-enter-active

3.v-enter-to

4.v-leave

5.v-leave-active

6.v-leave-to

在v-enter-active和v-leave-active可以进行动画效果的陡缓变化。

对于包含在transition中的多个元素，如果元素的标签相同，需要给相同的标签绑定不同key，以便于vue识别，由于动画是同步进行的，这不是我们想看到的效果。因此vue动画提供mode属性。用来选择元素显隐的顺序。（out-in，in-out）

转载于:https://www.cnblogs.com/tutao1995/p/10399215.html