ミューテーション | Vuex

実際に Vuex のストアの状態を変更できる唯一の方法は、ミューテーションをコミットすることです。Vuex のミューテーションはイベントにとても近い概念です: 各ミューテーションはタイプとハンドラを持ちます。ハンドラ関数は Vuex の状態（state）を第1引数として取得し、実際に状態の変更を行います: const store = createStore({ state: { count: 1 }, mutations: { increment (state) { // 状態を変更する state.count++ } } }) 直接ミューテーションハンドラを呼び出すことはできません。この mutations オプションは、どちらかいうと "タイプが increment のミューテーションがトリガーされたときに、このハンドラが呼ばれる" といったイベント登録のようなものです。ミューテーショ

[tsuyok]

ミューテーション・タイプ

[syonx]

新しいプロパティをオブジェクトに追加するとき、Vue.set またはスプレッドシンタックスを使う

[efcl]

mutationは同期的である必要性について書かれてる