Rumah  >  Artikel  >  hujung hadapan web  >  Cara menggunakan jam tangan dalam vue

Cara menggunakan jam tangan dalam vue

下次还敢
下次还敢asal
2024-04-30 03:54:141121semak imbas

Tonton dalam Vue.js boleh digunakan untuk mendengar perubahan dalam sifat data dan melakukan operasi. Sintaksnya ialah: jam tangan(ungkapan, panggil balik, pilihan). Ia menyokong penggunaan rentetan atau fungsi untuk memantau atribut data, dan memanggil fungsi panggil balik apabila ia berubah Anda boleh mengkonfigurasi sama ada untuk memanggil dengan segera, sama ada untuk memantau secara mendalam, dan sama ada untuk mengemas kini secara serentak melalui pilihan.

Cara menggunakan jam tangan dalam vue

Penggunaan jam tangan dalam Vue.js

jam tangan dalam Vue.js ialah API reaktif yang membolehkan anda mendengar perubahan dalam sifat data dan melakukan tindakan berdasarkan perubahan tersebut.

Syntax

<code class="js">watch(expression, callback, options)</code>

Parameter

  • ungkapan: Atribut data untuk dipantau. Ia boleh menjadi rentetan (nama harta) atau fungsi (mengembalikan nilai untuk dipantau).
  • panggilan balik: Fungsi dipanggil apabila atribut data berubah. Ia menerima dua parameter: nilai baharu dan nilai lama.
  • pilihan (pilihan): Objek pilihan yang digunakan untuk mengkonfigurasi jam tangan.

Contoh

<code class="js">// 使用字符串
watch('message', function (newValue, oldValue) {
  console.log(`Message changed from "${oldValue}" to "${newValue}".`);
});

// 使用函数
watch(function () {
  return this.count;
}, function (newValue, oldValue) {
  console.log(`Count incremented from ${oldValue} to ${newValue}.`);
});</code>

Pilihan

  • serta-merta: Kawal sama ada jam tangan memanggil fungsi panggil balik serta-merta apabila komponen dimulakan.
  • deep: Kawal sama ada jam tangan memantau secara mendalam perubahan dalam objek dan tatasusunan Nilai lalai adalah palsu.
  • sync: Kawal sama ada jam tangan memanggil fungsi panggil balik sejurus selepas atribut data berubah Nilai lalai. Senario penggunaan

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn