Memulai
Siklus Hidup
Peramban
Pengembangan
Paket Luar
useDeepCompareEffect
Bereaksi pada perubahan isi objek, bukan penggantian referensinya.
{ jenis: "semua", urutan: "baru" }
Tanpa deep: 0 kali
Dengan deep: 0 kali
Tidak ada yang perlu dipasang.
Vue sudah menyediakan padanannya — watch(src, cb, { deep: true }). Halaman ini menjelaskan cara memakainya.
Sudah bawaan Vue:
ts
watch(filter, muatUlang, { deep: true })deep: true menelusuri seluruh isi objeknya, jadi mengubah satu properti di dalam sudah cukup untuk memicunya.
Tapi seringkali ada yang lebih murah. Penelusuran dalam berjalan di setiap pemeriksaan, dan untuk objek besar itu terasa. Kalau yang benar-benar Anda pedulikan cuma beberapa properti, pantau getter-nya saja:
ts
watch(() => [filter.jenis, filter.urutan], muatUlang)Lebih murah, dan maksudnya lebih terbaca. Lihat useCustomCompareEffect.