Vuex 模態存儲最佳實踐

Question

所以我正在構建一個日歷應用程序，用戶將能夠在日歷中編輯預訂，並且預訂編輯器將位於模式彈出窗口中。

我想知道商店對此的最佳做法是什么。 我應該創建一個 BookingEditor 存儲並在其中保存 state 和方法，還是應該將其作為日歷存儲的一部分？

Answer 1

我相信這取決於您要編寫的代碼的復雜性。 如果只是一些動作/突變，我會堅持使用日歷商店。 使用多個模塊很棒，但是即使沒有實際理由，人們也傾向於創建太多模塊

Answer 2

按關注點分開是一個很好的做法。 如果您需要在您的 BookingEditor 中構建一個有狀態的日歷，您最終可能會遇到相當多的操作和突變，因此有一個單獨的地方來處理這些問題將是一個好主意。

Vuex 提供了一種創建命名空間的好方法。 因此，在您的情況下，我建議在如下命名空間中為您的日歷創建一個商店：

BookingEditor/Calendar

在 vuex 手冊中閱讀有關命名空間的更多信息