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