store.watchVuexの値の更新を監視したい福岡拠点の宮里です。vueのコンポーネントからvuexの値の更新を監視して、vuexの値の更新があったときにローカルのデータを更新したい場合どうすればいいの?と調べることがあったので備忘録として記事を書きます。vuexの日本語ドキュメントを読みました。vuexのStoreインスタンスメソッド’watch’が良さそうです。Functionfnが返す値をリアクティブに監視し、値が変わった時にコールバックを呼びます。fnは最初の引数としてストアのステートを、2番目の引数としてゲッターを受け取ります。vm.$watchメソッドと同じオプションをオプションのオブジェクトとして受け付けます。(vuex.vuejs.orgより引用)うーん、vue.jsに慣れてないので上記の説明を読んでもよくわかりません。store.watch()で引数に関数を渡して、関数の引数に監視したいstateの値を指定するみたいです。store.watch’で検索するとそれっぽい参考になりそうなコードがいくつか。イメージはつかめてきたものの、ただ今回は、複数に分割したストアのモジュールのローカルステートを監視したかったので、mapGettersやmapStateで実際どう書けばいいのと悩むこと数十分。_)m四苦八苦しつつもなんとかこのかたちに落ち着きました。this.$store.watch()の第一引数にステート/ゲッター、どちらを渡してもうまくいきそうです。