如何以任何特定顺序使用Vuex设置异步进程

Question

首先让我们了解应用程序：

1. 示例应用程序嘲笑从两个来源抓取数据：可用对象数组和正在使用的对象数组。
2. 该应用程序还会显示新对象（可用的对象）。
3. 最后，它还允许您使用（注册）一个新对象

要求：

• 应用需要首先显示新对象列表
• 应用程序需要将API调用的数量降至最低，并且只在必要时才进行调用
• 调用API数据（寄存器）中的更改应该是被动的，并立即显示UI中的更改

The code I have implemented符合这3项要求。但是，我对此实现非常不满意，并且我确定不应该使用Vuex商店的方式。

对于初学者，我的实现仅适用于屏幕中显示组件的特定顺序：

<new name="New" :selected="true"></new>
<available name="Available"></available>
<using name="Using"></using>

例如，如果我想将<available>移到最后一个标签页，代码就会中断。

之所以发生这种情况，是因为我无法简单地拨打dispatch('getNews')一次并将其他所有内容都放到位，同时不会复制一个或API调用，从而无法满足要求。 ..
我尝试使用dispatch('...').then().then()，但我无法使其工作并满足要求。

我非常感谢有类似情况的人与Vuex告诉我他们是如何做到这一点的。 如果你能在不增加额外突变的情况下做到这一点就可以获得奖励。