【Nuxt.js】VuexモジュールモードでStore以下のファイル群を整理する時のあれこれ - Qiita

はじめに Nuxt.jsのVuexモジュールモードで、store以下のファイルが増えてきて整理したくなりました。 いざディレクトリを切ってファイルを整理し始めると、stateやactionへのアクセス仕方で少し手間取ったので... 今回は、store配下でディレクトリを切った時、名前空間の違うvuexモジュールやVueコンポーネントからVuexのモジュールにアクセスする方法を備忘録的にまめておきます。 store内の構成 例として以下のようなディレクトリ構成下で説明して行きます。（コードの中身に意味はないでスルーしてください） ちなみにNuxt.jsではstore/index.jsがストアインスタンスを返さない時、モジュールモードになります。詳しくはこちら。 export const state = () => ({ token: null }) export const mutation