如何为其他组件重用 vuex 模块?
How to reuse the vuex module for other components?
我正在为一个大型 数据 项目中的 分页 部分工作。我想将我的数据存储在 vuex 中。但是我在 vuex 存储模块中完成了我所有的逻辑。我想通过创建它的 实例 来重用该特定模块。是否可以创建它?或者创建一个 service 会更好?或者 mixins 可以偶然提供帮助。但我最主要的是,它应该明确地将其存储在 store 本身中。
组件 1 -> 新的 CommonStoreModule()
component2 -> new CommonStoreModule()
帮我看看哪种方法和模式最合适。
正如 documentation 所说:Vuex 是 Vue.js 应用程序的状态管理模式 + 库。它作为应用程序中所有组件的集中存储,规则确保状态只能以可预测的方式发生变化。
如果你想在不同的组件中共享逻辑,那么 mixins 就是你要找的。 Mixins 是一种为 Vue 组件分发可重用功能的灵活方式。混合对象可以包含任何组件选项。当组件使用 mixin 时,mixin 中的所有选项都会“混合”到组件自己的选项中。
您也可以混合使用两者并从混合中访问集中式 Vuex 存储。
我正在为一个大型 数据 项目中的 分页 部分工作。我想将我的数据存储在 vuex 中。但是我在 vuex 存储模块中完成了我所有的逻辑。我想通过创建它的 实例 来重用该特定模块。是否可以创建它?或者创建一个 service 会更好?或者 mixins 可以偶然提供帮助。但我最主要的是,它应该明确地将其存储在 store 本身中。
组件 1 -> 新的 CommonStoreModule() component2 -> new CommonStoreModule()
帮我看看哪种方法和模式最合适。
正如 documentation 所说:Vuex 是 Vue.js 应用程序的状态管理模式 + 库。它作为应用程序中所有组件的集中存储,规则确保状态只能以可预测的方式发生变化。
如果你想在不同的组件中共享逻辑,那么 mixins 就是你要找的。 Mixins 是一种为 Vue 组件分发可重用功能的灵活方式。混合对象可以包含任何组件选项。当组件使用 mixin 时,mixin 中的所有选项都会“混合”到组件自己的选项中。
您也可以混合使用两者并从混合中访问集中式 Vuex 存储。