Minstrel

Ruby, JavaScript, Haskell, Math, Music, Design

雑記: Vuex学習メモ

Vuex学習メモ

store.state がgetter的なもの store.commit('-----') がsetter的なもの ↓ store.stateは基本算出プロパティで呼び出す (this.$storeでもよびだせる)

Stateについて

Vexの前提 → 1つのアプリでは1つのstoreしか持たない。

storeOptionで渡されたstoreは全ての子コンポーネントへ伝播する

Mutationハンドラは全て同期的でなければいけない

ミューテーションは前後のスナップショットを取らなければいけない。 しかし非同期でstateを変更していしまうと、前後という概念がなくなり補足ができない。 ↓ 非同期的な命令を扱うためにアクションがある。

アクション

ミューテーションをコミットするのがアクション アクションは非同期処理を含むことができる

モジュール

Storeオブジェクトの分割ができる ↓ ここだけ使いこなすほど理解できなかったので復習

Vuex Fluxパターン

https://qiita.com/frost_star/items/4620957fce888150e4cc https://qiita.com/k-okina/items/f764302db290a504cc19