Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 何时使用vuex存储数据而不是本地组件数据?_Javascript_Vue.js_Vuex - Fatal编程技术网

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

Javascript 何时使用vuex存储数据而不是本地组件数据?,javascript,vue.js,vuex,Javascript,Vue.js,Vuex,我正在做一个用vue构建的大型项目。我们使用vuex作为状态管理系统,但它们是一些组件,我不需要在其他任何地方访问它们的数据。因此,将此数据存储在组件数据中是正确的,还是遵循惯例将其存储在vuex模块中。 提前感谢。您可以在组件中保留数据。您可以将非数据共享组件转换为功能组件 Vue处理功能组件的速度比普通组件快。通过转换为功能型,您将获得一些性能提升 如果您不需要全局访问数据,那么在组件中保留数据是完全可以的 创建多个功能组件时,也必须为它们创建键。你可以找到整个对话。我给出了所有的细节和代码

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

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

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

如果您不需要全局访问数据,那么在组件中保留数据是完全可以的

创建多个功能组件时,也必须为它们创建键。你可以找到整个对话。我给出了所有的细节和代码示例


享受编码……

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

第一件事第一复杂性!如果要构建复杂的Vuex存储,则无法随着项目的增长而有效地使用

另一方面,如果你用不必要的状态填充你的商店,那么所有的状态都会在初始JS的第一次加载中执行,数据越多,有效负载就会增加,这会导致webapp的加载时间越长


因此,您能做的最好的事情是在可能的情况下保持本地状态,并在需要独立组件通信时使用Vuex。

可能的副本或博客,最后有一个漂亮的流程图