1.まず、2つのメソッドのパラメータが使用されていることを明確にする必要があります
①dispatch（ "メッセージ名"、パラメータ）
②commit（関数名、{パラメータ}）/正式なパラメータはオブジェクトの形式でラップする必要があります、正式なパラメータがどのような形式であっても
2. コンポーネントの各状態の初期化状態は初期状態state.jsを使用してファイルを書き込む必要がないため、共有書き込みstate.jsの複数の状態（データ）セット
。
3.次に、vuexスタイルの書き込みのデータ共有方法の複数のセットをすぐに更新します
①サブコンポーネントの場合：dispatch（）は、アクションオブジェクトにメッセージを送信するためにコンポーネントで使用されます。
this.$store.dispatch("addTodo",todo);//更新数组的方法
②ファイルactions.jsの書き込み文書を保存する
/*
* 包含多个接收组件通知并且触发mutations调用间接更新状态的犯法
* */
import {
ADD_DOTO} from "./mutation-types"
export default {
addTodo({
commit},todo){
//接收所有组件发来的消息。注意：这里addTodo 和dispatch() 里面的消息名相同
commit(ADD_TODO,{
todo}); //commit() 向mutations对象提交信息
}
}
③mutationstypes.jsファイルで、mutations.jsファイル内のすべての変数名を収集します。actions.jsファイルと
mutations.jsファイルにも含めます。
/*
*所有mutation的名称常量
* */
export const ADD_DOTO = "add_todo";//添加todo的操作
④でmutations.jsトリガアクション、直接更新状況の複数を含む方法。
注：mutationsオブジェクトのメソッドでは、一般的な文字列が変数に変換されるため、文字列に角かっこを追加する必要があります
/*
* 包含多个actions触发并直接更新状态的方法的对象
* */
import {
ADD_TODO} from "./mutation-types"
export default {
//mutations对象中的方法中，从一般字符串整成变量，学要给字符串加上中括号
[ADD_TODO](state,{
todo}){
//传过来的是{todo}对象，接收的参数也应该是{todo}对象，而不是单个参数todo
state.todos.unshift(todo);
}
}
上記は、共有状態の表示方法の複数のセットを書面で更新したvuexです。