（備忘録）【vuex】storeについて

自分用の備忘録です。

こちらの記事を参考にしました。

【Vuex】ストアの4つの概念まとめ【唯一の情報源】 - Qiita

１　storeとは

storeはアプリケーション全体の状態を保持する

４つの概念を使う

モジュール（４つを一まとめにしたもの）
①　state
②　getter
③　mutation
④　action

それぞれの関係性

２　ストアの作成

srcフォルダのstore.jsに書いていく。

３　state

状態を格納する。

４　getters

stateから別の値を算出・キャッシュするもの

ただ、getするだけではない。

５　mutations

・stateの値を更新するために使う。
・store.commit.mutation名で呼び出す

原則としてstateを更新するのはmutationのみ

６　actions

・非同期や外部APIとのやり取り
・呼び出すのはstore.dispatch.アクション名