如何用vue写一个方法，按顺序同步执行？

Question

现有一个需求，在class上动态添加animate.css的class值，比如第一分钟“fade animated”，第二分钟执行“bounce animated”,以此类推，想写一个方法实现，不知道怎么实现？

Answer 1

<div :class="animateClass"></div>

然后动态修改 animateClass 的值。

Answer 2

需求本身和 Vue 无关。可以用事件侦听来解决，每个动画结束都会广播 animationend 事件，使用 event.animationName 可以获取动画名称，然后进行你想要的操作。具体可阅读 MDN。

也可以使用开源库来控制动画，推荐 TimelineLite​。