动画

transition: 内置组件：

作用：包裹需要进行动画的元素

特点：

被包裹的元素必须要经历显示/隐藏(v-if || v-show)

transition身上有一个属性 这个属性名称是name 作用是定义动画的名称

动画：

一部分叫入场动画

入场的开始阶段 enter

入场的进行时阶段 enter-active

入场的结束阶段 enter-to

另一部分叫出场动画

出场的开始阶段 leave

出场的进行时阶段 leave-active

出场的结束阶段 leave-to

 

动画的6个类名

<name>-enter

<name>-enter-active

<name>-enter-to

<name>-leave

<name>-leave-active

<name>-leave-to

当使用第三方动画库的时候

transition提供了6个属性

enter-class

enter-active-class（重）

enter-to-class

leave-class

leave-ative-class（重）

leave-to-class

当多个元素使用同一个动画的时候需要将transition 标签换成 transition-group

 

另外每一个子元素身上都必须加一个key值 要保证

这个key值是独一无二的