VuexとFirebaseを使って開発をする時、メソッドはVueファイルの中とindex.jsどちらに書くのが正解なのか？

Question

個人的にはStoreに変更をもたらす場合ならindex.jsでやるのがなんとなく良いのかと思っていたのですが、全てindex.jsでやっているレポジトリも度々見かけます。これについて明確な決まりはあるのでしょうか？公式ドキュメントには書いてないと思うので、質問させていただきました。ご回答よろしくお願いいたします。

Comments

[fuuki]

index.js が何を指すのかがよくわからいのですが，vuex のストアとして読み込む JS ファイルとかでしょうか？

[anonyrabbit]

はい、そのJSファイルのことです。言葉足らずで申し訳ありません。

Answer 1

質問の意図として、Vuexのストアに直接関係ないメッソドなどをストアに記述するべきかということで回答します。

Vuex のドキュメント中 にもありますが、

Vuex は 単一ステートツリー (single state tree) を使います。つまり、この単一なオブジェクトはアプリケーションレベルの状態が全て含まれており、"信頼できる唯一の情報源 (single source of truth)" として機能します。

とあるように、ストアを唯一の情報源として使う場合、Vuexのファイル中にすべてを書くことでデータの管理に関係するメソッドなどを明確にしたいのだと思います。

また、私自身もそのようにするほうが整理されて良いように思います。