何时使用 vuex 存储数据而不是本地组件数据？答案

【问题标题】：When to use vuex to store data instead of local component data?何时使用 vuex 存储数据而不是本地组件数据？
【发布时间】：2020-01-06 10:33:55
【问题描述】：

我正在开发一个使用 vue 构建的大型项目。我们使用 vuex 作为状态管理系统，但它们是一些组件，我不需要在其他任何地方访问它们的数据。那么，是把这些数据存储在组件数据中还是坚持约定存储在一个 vuex 模块中。提前致谢。

【问题讨论】：

【解决方案1】：

如果数据必须可由多个（独立）组件访问，则需要使用 Vuex 存储。不应该将所有内容都存储在 Vuex 存储中的原因有很多。

首先是复杂性！如果您正在构建一个复杂的 Vuex 商店，您将无法随着项目的增长而有效地使用。

另一方面，如果你用不必要的状态填充你的商店，所有状态都将在初始 JS 的第一次加载中执行，更多的数据会增加有效负载，这会导致 web 应用的加载时间更长。

所以你能做的最好的事情就是将你的本地状态保持在本地，直到有可能，并且在需要独立组件通信时使用 Vuex。

【讨论】：

【解决方案2】：

您可以在组件中保存数据。您可以将非数据共享组件转换为功能组件link here。

Vue 处理功能组件的速度比普通组件快。通过转换为功能型，您将获得一些性能提升。

如果您不需要全局访问数据，将数据保存在组件中是完全可以的。

当您创建多个功能组件时，您也必须为它们创建键。你可以找到整个对话here。我还提供了所有详细信息以及代码示例。

享受编码......

【讨论】：