如何利用Vue钩子函数实现动画的半场效果？

本文共计753个文字，预计阅读时间需要4分钟。

注意：1. 起始位置设置了（0，0）在第一遍执行时无效。一旦入场动画完成，最终位置停下且不在起始位置时，通过此处设置的位置可结束入场动画。

注意：

1.起始位置设置了一个（0，0）在第一遍执行时，是没有作用的。在一次入场动画执行完成之后，在最终位置停下来并不在起始位置，通过这里的位置的设置可以将入场动画结束时的位置调到这里

2.理解enter()函数的el的指代对象和done()指代的回调函数

3.理解this.show = !this.show，这句话有两个作用。一是：控制显示和隐藏，二是：false —> true为半场动画，true—>false又是为另半场动画。这样就能完成一直循环执行半场动画的效果了。