Vue 2.0 - 計算された問題

Question

クリック開始メソッドでは、 "増分"変数は "クリック"の変化を示しますが、なぜそれが "カウンタ"を変更しないのですか？私はカウンター関数の参照で "クリック"変数を持っているからです。

new Vue({ 
    el: '#app', 
    data: { 
    title: 'helloworld', 
    cssClass: '', 
    clicks: 0, 
    counter: 0 
    }, 
    methods: { 
    changeTitle() { 
     this.title = 'helloworld new'; 
    }, 
    increment() { 
     this.clicks++; 
    } 
    }, 
    computed: { 
    counter() { 
     return this.clicks * 2; 
    } 
    } 
}); 

https://jsfiddle.net/freeq343/b7fyeyxm/

Answer 1

あなたのデータにカウンターを定義しないでください。計算された値はデータプロパティのように動作します。

new Vue({ 
    el: '#app', 
    data: { 
    title: 'helloworld', 
    cssClass: '', 
    clicks: 0 
    }, 
    methods: { 
    changeTitle() { 
     this.title = 'helloworld new'; 
    }, 
    increment() { 
     this.clicks++; 
    } 
    }, 
    computed: { 
    counter() { 
     return this.clicks * 2; 
    } 
    } 
});