Vuex：传播对兄弟组件的响应

Question

我已经将应用程序发出的几个 axios 请求从 3 个同级组件合二为一。所以这个查询现在在一个简单的请求中带回了所有信息。问题是我不确定在架构上，在哪里执行请求、存储数据并将响应传播到三个同级组件。

我应该将响应存储在应用程序级共享状态中吗？另外，我如何使用 Vuex 向这 3 个同级组件传播响应？

Answer 1

如果它是关键数据，那么您可能希望在 Vuex nuxtServerInit 操作中请求它并使用 commit 将其保存在 vuex 状态。 Read more

这样，您的应用在服务器上呈现时将收到一次信息，并且可以使用 vuex getters 从任何页面或组件中使用。