Vue动画如何通过钩子函数实现长尾词的半场动画效果？

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

注意：+ 1. 起始位置设置了（0，0）在第一次执行时没有作用。在一次入场动画执行完成后，在最终位置停下，不再回到起始位置，可以通过这里的位置设置将入场动画结束。

注意：

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

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

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