javascript - Apakah perbezaan antara dikira dan jam tangan dalam vue?

Question

Seperti yang dinyatakan, dalam dokumentasi rasmi vue.js, saya melihat contoh penggunaan komputer dan jam tangan untuk mendapatkan nama penuh:

var var vm = new Vue({
  el: '#demo',
  data: {
    firstName: 'Foo',
    lastName: 'Bar',
    fullName: 'Foo Bar'
  },
  watch: {
    firstName: function (val) {
      this.fullName = val + ' ' + this.lastName
    },
    lastName: function (val) {
      this.fullName = this.firstName + ' ' + val
    }
  }
})

var var vm = new Vue({
  el: '#demo',
  data: {
    firstName: 'Foo',
    lastName: 'Bar'
  },
  computed: {
    fullName: function () {
      return this.firstName + ' ' + this.lastName
    }
  }
})

Rookie itu berkata bahawa dia tidak memahami perbezaan antara mereka. Tidak boleh menonton seperti yang dikira?

Answer 1

Anda menulis kurang kod menggunakan pengiraan, tiada perbezaan utama

Answer 2

Saya rasa masih ada perbezaan, dan kedua-dua situasi aplikasi harus dibezakan.

Sifat yang dikira adalah sifat yang dikira dan pemerhatian adalah pemerhatian.

Seperti namanya, atribut yang dikira ialah atribut lain yang dikira melalui pembolehubah lain fullName mengira semula nilainya sendiri apabila dua pembolehubah yang bergantung padanya, firstName dan lastName, berubah.

Selain itu, Sifat yang dikira mempunyai caching. Sifat yang dikira dicache berdasarkan kebergantungan mereka. Sifat yang dikira hanya dinilai semula apabila kebergantungan yang berkaitan dengannya berubah. Ini bermakna selagi lastName mahupun firstName tidak berubah, berbilang akses kepada sifat terkiraNama Penuh akan segera mengembalikan hasil yang dikira sebelumnya tanpa perlu melaksanakan fungsi itu semula.

Memerhati jam tangan adalah untuk memerhati nilai tertentu dan melaksanakan fungsi tertentu apabila nilai berubah. Sebagai contoh, dalam komponen paging, kita boleh mengesan nombor halaman dan melaksanakan fungsi untuk mendapatkan data.

Anda boleh menyemak dokumen dengan lebih terperinci: https://cn.vuejs.org/v2/guide...

Answer 3

Lebih mudah dibaca dan umumnya kurang kod.

Answer 4

Ringkasnya, pengiraan adalah berdasarkan cache, dan jam tangan adalah sama dengan fungsi. Secara peribadi, saya rasa ia sudah mencukupi asalkan anda tahu cara menggunakannya, saya akan memberitahu anda perbezaan khusus

Saya rasa atribut yang dikira harus digunakan dengan lebih meluas