計算と監視の違いは何ですか?

参考:計算と監視の違い

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()
    }
  }
  1. 2つのクリックメソッドの戻り時間は異なります
  2. 計算はこの時点でキャッシュされた値を提供し、再計算のための計算条件の再計算がないため、計算の2回のクリックから戻る時間は同じであることに注意してください
  3. 依存データ(データなどのオブジェクトの下に配置されたインスタンスデータ)がある
  4. データ変更に依存

おすすめ

転載: blog.csdn.net/weixin_43912756/article/details/108272360