Javascript Vuex Modal商店最佳实践

因此，我正在构建一个日历应用程序，用户将能够在日历中编辑预订，预订编辑器将位于模式弹出窗口中

---

我想知道这家商店的最佳做法是什么。我应该创建BookingEditor存储并保存其中的状态和方法，还是应该将其作为日历存储的一部分？

我认为这取决于您将要编写的代码的复杂性。如果只是一些动作/突变，我会坚持使用日历存储。使用多个模块是很好的，但人们往往会创建太多的模块，即使没有实际的理由这样做

按关注点分开是一种很好的做法。如果您需要在BookingEditor中构建一个有状态的日历，那么最终可能会有相当多的操作和变化，因此有一个单独的地方来处理这些问题将是一个好主意

Vuex提供了一种创建名称空间的好方法。因此，在您的情况下，我建议在名称空间中为您的日历创建一个存储，如：

BookingEditor/Calendar

如果使用商店的“模块”名称空间，这是保持商店代码井然有序的好方法。拥有许多模块并不是一个坏习惯。好的方面是，如果需要，您可以轻松地在名称空间之间进行交互。