stateを直接参照しないシンプルなVuexサイクル - Qiita

Vuexとは？ Vue.jsアプリケーションにおける状態管理パターンライブラリです。 コンポーネント間のデータや関数の受け渡しには、propsやemitを使いますが、Vuexは全てのコンポーネントのための集中型のStoreになります。 propsやemitだけでデータの受け渡しをするのは、バケツリレーに似ていて、vueファイルに何度も同じコードを書く必要があったり、無駄にロジックが発生します。 Vueコンポーネント層とVuexはどう繋がるのか？ 今回の記事のタイトルは**「stateを直接参照しないシンプルなVuexサイクル」**です。 Vueコンポーネント層からStore内のstateにアクセスするためには store.stateやmapStateを使ってstateを直接する方法 store.gettersやmapGettersを用いて、取得する方法 があります。 ただ、Stateの変更