我有一个 vuex 文件,其中包含越来越多的增变器,但我不确定将其拆分为不同文件的正确方法。
因为我有:
const store = new Vuex.Store({ vuex stuff })
然后在我的主要 Vue 应用声明下面: const app = new Vue({ stuff })
我很高兴使用 Vue 组件并且已经有很多这样的组件,但这是应用程序顶层的东西,我不确定如何将它分开。任何建议表示赞赏。
原文由 daninthemix 发布,翻译遵循 CC BY-SA 4.0 许可协议
对于那些想在不创建更复杂的模块化应用程序结构的情况下分解 Vuex 文件的人,我认为也可以简单地将动作、突变和 getter 分解为单独的文件,如下所示:
商店.js
动作.js
突变.js
getter.js
…然后您就可以使用通常的
this.$store.dispatch('actionOne')
…