Vuexで再利用可能なモジュールの作り方 - Qiita

再利用可能なモジュールとは Vuexのモジュールの一種。 シングルトンじゃないモジュール。 OOP的に類推すると、普通のモジュールはシングルトンオブジェクトで、再利用可能なモジュールはクラス。 再利用可能なモジュールが役立つシーン コピペコードの回避 エラーの状態 ロード中/ロード済みの状態 これらは違う画面(モジュール)でも、storeの型が共通していることが多い。 /** * 再利用可能なカウンターモジュール */ const counter = { namespaced: true, // stateが下記のようなオブジェクトだと、再利用できなくなるので注意 // // state: { // count: 0 // }, state() { return { count: 0 }; }, actions: { increase({ state, commit }) { commit