Cara menggunakan jam tangan dalam vue

Tonton dalam Vue ialah fungsi reaktif yang digunakan untuk memantau perubahan dalam nilai atribut data dan melaksanakan fungsi panggil balik. Penggunaan asas ialah jam tangan (harta benda, pengendali), di mana harta ialah harta atau tatasusunan harta untuk dipantau, dan pengendali ialah fungsi panggil balik. Ia juga boleh mengkonfigurasi objek pilihan seperti segera (panggilan segera) dan mendalam (mendengar dalam). jam tangan sesuai untuk situasi di mana anda perlu bertindak balas terhadap perubahan dalam nilai sifat data, seperti mengemas kini UI atau memuatkan data secara tidak segerak.

Penggunaan jam tangan dalam Vue

Apa itu jam tangan

watch ialah fungsi reaktif dalam Vue yang membolehkan anda mendengar perubahan dalam nilai atribut data dan melaksanakan fungsi panggil balik Apabila sifat yang dipantau berubah, fungsi panggil balik dipanggil, di mana anda boleh melakukan sebarang kemas kini atau operasi yang diperlukan.

Syntax

<code class="js">watch(property, handler)</code>

• harta: Harta atau susunan sifat untuk dipantau.
• pengendali: Fungsi panggil balik dipanggil apabila nilai atribut berubah. Ia menerima nilai baru dan nilai lama sebagai parameter.

Penggunaan asas

Untuk memantau harta, hanya masukkan nama harta dan fungsi panggil balik:

<code class="js">watch('count', (newValue, oldValue) => {
  // count 的新值是 newValue，旧值是 oldValue
})</code>

Memantau berbilang sifat

Untuk memantau berbilang sifat sekaligus, anda boleh lulus tatasusunan

<code class="js">watch(['count', 'name'], (newValue, oldValue) => {
  // 监视的值在 newValue 中作为对象提供，键为属性名
})</code>

Objek Pilihan

Anda boleh menggunakan objek pilihan untuk mengkonfigurasi gelagat jam tangan:

<code class="js">watch({
  count: {
    handler(newValue, oldValue) {
      // ...
    },
    immediate: true,
    deep: true
  }
})</code>

• segera: Jika benar, fungsi panggil balik dipanggil serta-merta apabila sifat yang ditonton dimulakan.
• deep: Jika benar, jam tangan akan melihat perubahan kedalaman objek dan tatasusunan dan bukannya perubahan rujukan sahaja. . fungsi atau fungsi yang mengandungi nyahjam Janji Fungsi:

Fungsi: Fungsi ini akan dipanggil apabila komponen dimusnahkan, anda boleh menggunakannya untuk mengosongkan sebarang sumber atau berhenti melanggan acara.

Janji: Apabila Janji diselesaikan, jam tangan akan diketepikan.

Bila menggunakan jam tangan

jam tangan sesuai untuk situasi di mana anda perlu bertindak balas terhadap perubahan dalam nilai atribut data, seperti:

Kemas kini UI
• Cetuskan sifat atau kaedah yang dikira lain Lokal
• Pengesahan Borang

Alternatif

Sifat yang dikira mungkin merupakan alternatif untuk ditonton dalam beberapa kes. Walau bagaimanapun, sifat yang dikira diperolehi, bermakna nilainya dikira daripada sifat reaktif yang lain.

Atas ialah kandungan terperinci Cara menggunakan jam tangan dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!