Vuexでモジュール分割 〜ファイルを分けてみた〜 - QiitaVuexを使っていてstateが多くなってきたのでモジュール化したいと思い、せっかくなので各モジュールを1ファイル毎に分けてみました。 モジュール化の設定と、コンポーネントからの利用方法をメモしておきます。 全部公式ページに書いてあることですが、特に呼び出し方なんかは、毎回「どう書くんだったけ？？」と探すのが面倒だったのでまとめてみました。 環境 vue: 2.6 vuex: 3.5 ファイルを分ける さっそく各モジュールを1ファイに分けていきます。 今回はVuexの公式サイトの例をベースに利用したいと思います。 構成 ディレクトリ構成はこんな感じにします。 const getDefaultState = () => ({ message: '', count: 0, }) export default { namespaced: true, state: getDefaultState(
