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

时间:2019-09-03 13:43:54

标签: javascript vue.js vuex

我正在使用vue构建大型项目。我们使用vuex作为状态管理系统,但是它们是其中一些组件,因此我不需要在其他任何地方访问它们的数据。因此,将这些数据存储在组件数据中还是遵循约定并将其存储在vuex模块中是否正确? 预先感谢。

2 个答案:

答案 0 :(得分:2)

如果必须由多个(独立)组件访问数据,则需要使用Vuex存储。您不应该将所有内容都存储在Vuex存储区中的原因有几个。

第一件事首先是复杂性!如果您要建立一个复杂的Vuex商店,那么随着项目的发展,您将无法有效使用它。

另一方面,如果您要在商店中填充不必要的状态,则所有状态都将在初始JS的第一次加载中执行,并且更多的数据将增加有效负载,从而会延长Webapp的加载时间。

因此,您能做的最好的事情就是将本地状态保持在本地,直到有可能,并在需要独立组件进行通信时不使用Vuex。

答案 1 :(得分:1)

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

Vue处理功能组件的速度比正常组件快。通过转换为功能之一,您将获得一些性能提升。

如果您不需要全局访问数据,则将数据保留在组件中完全可以。

当创建多个功能组件时,还必须为其创建键。您可以找到整个对话here。我还通过代码示例在此提供了所有详细信息。

享受编码。...