Vue过渡动画列举

对应组件为transition,添加tag=""可以作为对应的标签使用，添加不同的过渡动画可以通过name以及对应的过渡类名前缀使用。

vue过渡的类名

1. v-enter：定义过渡开始状态，元素插入前生效,元素插入后移除。
2. v-enter-active:定义过渡生效时状态，过渡阶段生效，过渡结束移除。
3. v-enter-to：2.1.8 版及以上定义进入过渡的结束状态。元素插入后生效(此时v-enter移除)
4. v-leave:定义离开过渡时状态。离开过渡时生效，下一帧移除。
5. v-leave-active：定义离开过渡生效时状态，离开过渡阶段生效，结束时移除。
6. v-leave-to：2.1.8 版及以上定义离开过渡的结束状态。在离开过渡被触发之后生效 (与此同时 v-leave 被删除)

以上类名直接在style或css文件中使用，即可使没有name属性或name="v"的transtion标签内产生动画效果

css动画

此为第三方css动画库Animate.css

以下属性在transition中使用均对应以上的类名：

1. enter-class
2. enter-active-class
3. enter-to-class (2.1.8+)
4. leave-class
5. leave-active-class
6. leave-to-class (2.1.8+)