一般动画配合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)