Vue.js - 等到动画完成后再更新组件

Question

我的页面是静态HTML + JQuery的混合，有些部分是用Vue.js编写的。

我有一个简单的Vue计数器组件，可以观察来自活动存储的数组，并显示数组的长度。

我还有一个按钮，可以为商店的数组添加一些东西。目前，单击该按钮时，计数器会立即刷新。

我现在想要实现一个动画（可能使用JQuery），当点击按钮时它会运行大约一秒钟，我希望延迟计数器的刷新直到动画结束。但是，我不能只是延迟插入到数组，因为我有其他Vue组件也观察它，我希望它们立即更新。我还有另一个从数组中删除的按钮，我希望减少立即应用到计数器上。

您能否建议如何使用Vue.je实现它？

Answer 1

创建计数器观察到的阴影数组。 watch源数组，并在延迟后使用setTimeout将其复制到阴影数组。