将项目添加到setTimeout内的Vuex存储时，列表排序不正确

Question

我有一种奇怪的情况，即我将排序结果列表（通过得分属性）呈现到用户界面中，并且排序到处都是。

我有：

• api征集地点列表
• for循环遍历他们，在setTimeout内拨打api调用完整详细信息以错开对api的调用。有了完整的详细信息，请添加＆＃39; commit将其推送到Vuex商店中的数组
• UI使用得分属性
从getter中排序地点
• 当每个地方都添加到用户界面时，会为该地点的分数触发另一个api呼叫，最终使用“设置分数”设置它。提交

随着setTimeout到位，列表排序就到处都是。如果不存在，则按预期排序。我正在使用计算属性进行排序，但将其移动到getter中 - 没有差异。

我应该注意使用带有setTimeout的Vuex吗？即使我的提交的同步性不重要，我应该使用行动吗？

我试图把它煮到JSFiddle，但它可以在那里工作。

在我的real app中，它没有...请参阅问题here中的setTimeout行。