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

Posted 2023-02-23

【中文标题】Vuex：传播对兄弟组件的响应

【英文标题】：Vuex: Propogate response to sibling components

【发布时间】：2020-12-07 18:43:50

【问题描述】：

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

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

【参考方案1】：

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

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