参考:計算と監視の違い
1.ウォッチ:1つのデータが複数のデータに影響を与える
2.計算済み:1つのデータが複数のデータの影響を受ける
3.監視計算方法の違い
(1)計算された監視はVueの依存関係追跡メカニズムに基づいています。依存データが変更される限り、このデータに依存するすべての「関連」データは「自動的に」変更されます。つまり、関連する関数を自動的に呼び出してデータ変更を実現します
(2)メソッドで定義された関数を実行するには、手動で呼び出す必要があります
4.例
new Vue({
el: '#app',
// 设置两个button,点击分别调用getMethodsDate,getComputedDate方法
template:
'<div id="app">
<button @click="getMethodsDate">methods</button>
<button @click="getComputedDate">computed</button>
</div>',
methods: {
getMethodsDate: function () {
alert(new Date())
},
// 返回computed选项中设置的计算属性——computedDate
getComputedDate: function () {
alert(this.computedDate)
}
},
computed: {
computedDate: function () {
return new Date()
}
}
- 2つのクリックメソッドの戻り時間は異なります
- 計算はこの時点でキャッシュされた値を提供し、再計算のための計算条件の再計算がないため、計算の2回のクリックから戻る時間は同じであることに注意してください
。 - 依存データ(データなどのオブジェクトの下に配置されたインスタンスデータ)がある
- データ変更に依存