VUE动画 的基本使用

单元素动画

动画条件：进入与离开的动作，比如v-if，v-show

用transition包住动画标签

xxx是定义的名字 name=“xxx”

• xxx-enter:进入前状态，进入是希望从什么状态变为正常状态
• xxx-enter-active:进入动画过程中一直存在的class,常用于做动画的执行体，承载  transition  all 0.5
• xxx-leave-to：离开时的状态，离开时，希望从正常状态变到什么状态
• xxx-leave-active：离开过程中一直存在的class，常用于做动画执行体，承载 transition all 0.5

 

 多元素动画

用<transition-group name="xxx">

在里面需要定义一个key值

</transition-group >