カウンター私がボタンを持っており、5 によってどのデータ値増加のクリックイベントを追加

Question

vue.jsにインクリメントが、それは5

https://jsfiddle.net/neyaz90/dkvmmrbd/

<div id="react"> 
<button @click='counter += 5'>Increment</button> 
<p>{{result}}</p> 

new Vue({ 
el:'#react', 
data:{ 
counter:'0' 
}, 
computed:{ 
    result:function(){ 
    return this.counter; 
} 
} 
}); 

によって追加されていません

こちらをご覧ください。

Answer 1

counterは、0（数値）の代わりに '0'（文字列）で定義されます。

結果を表示するために計算値は必要ありません。

{{counter}}のみで十分です。

Answer 2

Stringの代わりにNumberを使用する必要があります。0ここではjsfiddleを参照してください。

HTML

<div id="react"> 
    <button @click="counter += 5">Add 1</button> 
    <p>{{ result }}</p> 
</div> 

JS

new Vue({ 
    el: '#react', 
    data: { 
    counter: 0 
    }, 
    computed: { 
    result: function() { 
     return this.counter; 
    } 
    } 
})