基準データオプションVUEアセンブリではなく、なぜなら変更更新された値がさの
値は、複数の構成要素を変更するため、オプション計算アセンブリVUEに組み込まれ
以下のコードの実施形態は、VUEとvuexを示すために基準アドレスを調整します
<！DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>箭头函数</ TITLE>
<スクリプトSRC = "JS / vue.js"タイプ= "テキスト/ javascriptの"> </ SCRIPT>
<スクリプトSRC = "JS / vuex.js」タイプ= "テキスト/ javascriptの"> </ SCRIPT>
<メタのcharset = "UTF-8" />
</ head>
<body>
<DIV ID = "アプリケーション">
{{MSG}}
<H3> </ H3> {{}}カウント
<H3> {{COUNT2}} </ H3>
<H3> {{この。$のstore.state.count}} </ H3>
の<input type = 'ボタン'値=」 clickme +」V-上：クリック= 'incrementCount'>
</ div>
<スクリプト>
constの店=新しいVuex。ストア（{
状態：{
カウント：0
}、
変異：{
インクリメント（状態）{
}
state.count ++
}
}）
VARアプリ=新しいヴュー（{
EL： '＃アプリ'、
データ（）{
リターン{
MSG： 'app.vue组件'、
COUNT2：この$のstore.state.count
}
}、
店舗、
計算：{
カウント：機能（状態）{
//ボディ...
。この$のstore.state.countを返すの
}
}、
メソッド：{
：incrementCount関数は、（）{
。$のstore.commit（ '増分'）これを返します
}
}
}）
</スクリプト>
</ BODY>
</ HTML>