はじめまして。私３０代未経験でエンジニア転職を目指して日々勉強しています。
nuxt.jsでポートフォリオを作っていてvuexの理解があまりにも浅いのでアウトプットの意味で投稿しようと思います。
###state
日本語で状態を意味します。
基本一番上に記述してデータを書きます
vue.jsでいうデータオプションに近い
###getters
stateのデータをちょっといじってその値を返す
###actions
外部APIとの通信を行い、mutationsを呼び出す役割
非同期通信が必要な時はここに書く
this.$store.dispatch( '第１引数'第２引数,)で実行
commitの前には必ずdispatchをする、actionsからのみcommitを使う
○○({commit}, number)
commit("○○", number)
###mutations
vuexのストアの状態を唯一変更できる存在
必ずstateはmutationsから書き換える
this.$store.commit('第１引数',第２引数)で実行する
○○(state, number){
状態を変更する
state.stateのデータ=number
}
例でいうとTODOの追加とか削除とか
ちょっとこれだとわかりにくいですが、日記みたいにして書いてアウトプットしていこうと思います。