mutations.jsファイルは、ファイル書き込み仕様とテンプレートを書くこのメソッドを呼び出します

次のように1）mutations.jsコードであります

CONST変異= { 
    追加（状態）{ 
        state.count ++ 
    }、 
    （状態）を低減{ 
        state.count-- 
    } 
}

 2）ボタンで、コミットによる直接呼び出し。

<ボタン@click = "$のstore.commit（ '追加'）"> + </ button>の
<ボタン@click = "$のstore.commit（ '減らす'）"> - </ボタン>

 アセンブリhome.vueのコードの場合

<テンプレート> 
  の<divクラス= "ホーム"> 
    <ボタン@click = "$のstore.commit（ '追加'）"> + </ button>の
    <ボタン@click = "$のstore.commit（ '減らします'）"> - </ボタン> 

    <P>基準状態オプション変数：{{COUNT}} </ P> 
    </ div> 
</テンプレート> 
<スクリプト> 
エクスポートのデフォルト{ 
  名： 'ホーム'、
  データ（）{ 
    リターン{ 
      MSG ： 'Home.vueコンポーネント' 
    } 
  }、
  計算：{ 
    //呼び出し状態オプションファイルrootState.jsは、変数が宣言、vuexある
    ）（COUNT { 
      にconsole.log（ 'この構造：' +この$のstore.state.count。 ）
      これを返す。$のSTORE.STATEを。カウント
    } 
  } 
} 
</ SCRIPT>