vue中的js动画钩子

Vue中的js动画钩子

官方文档

进入过渡 & 离开过渡 | Vue.js (vuejs.org)

困惑解释

done回调的作用

​ 用于告知vue进入或者离开动画已经完成

如果不调用done会怎么样?

  1. 对于enter中的done将无法进入afterEnter
  2. 对于leave中的done将无法进入afterLeave,但是当下次执行beforeEnter之前会自动调用done进入afterLeave

enterCancelled()解释

​ 当进入动画被打断时被执行,比如用一个按钮控制元素隐藏与显示,当连续点击按钮两次时,会执行该函数

leaveCancelled()解释

​ 仅在v-show中才有用,当未执行afterLeave时再次进入beforeEnter之前被调用

你可能感兴趣的:(Vue,JavaScript,javascript,vue.js,动画)