VUE学习笔记-动画学习

动画模型

基本用法

• 使用都默认动画名称 v-enter v-leave v-enter-active v-leave-active
• 使用自定义的动画名称 my-enter my-leave my-enter-active my-leave-active
• 使用第三方的动画类库

动画的钩子函数 分enter【入场】与leave【离场】

实现半场动画 (即只有入场没有离场)

• click ：单击触发动画
• beforeEnter ：进入动画执行前
• enter ：过入动画执行中 (el.offsetWidth 必须加 done()也必须在执行过程中)
• afterEnter ：进入动画执行完成

批次动画，必须将v-for的循环体用transition-group包含起来

• 批次增加列表

• 批次移除列表 数据移动有动画，但是其余表格上移时，需要自定义动画，用v-move 来定义
  

• 在 transition-group上面加一个appear属性，可以定义页面初始化列表时，即套用动画
  

• 在transition-group 上面加一个tag属性，可以指定列表被那个元素包围:默认span