Memulai
Siklus Hidup
Peramban
Pengembangan
Paket Luar
useCustomCompareEffect
Bereaksi hanya pada bagian yang Anda pedulikan.
{ id: 1, nama: "Ana" }
Pantau objeknya: 0 kali
Pantau id saja: 0 kali
Mengganti nama membuat objeknya baru, tapi yang memantau id tetap diam.
Tidak ada yang perlu dipasang.
Vue sudah menyediakan padanannya — watch(() => kunci(src), cb). Halaman ini menjelaskan cara memakainya.
Di Vue tidak perlu pembanding: pantau getter yang mengembalikan nilai yang ingin dibandingkan. Yang dipantau jadi nilai turunannya, bukan objeknya.
ts
// Hanya bereaksi saat id-nya berganti, walau objeknya baru tiap kali
watch(() => pengguna.value.id, muatUlang)
// Beberapa kunci sekaligus
watch(() => [filter.jenis, filter.urutan], muatUlang)
// Bahkan hasil perhitungan
watch(() => daftar.value.length, saatJumlahBerubah)Ini lebih murah daripada deep: true, dan maksudnya lebih terbaca: yang tertulis di getter itulah yang dipedulikan, tidak lebih.