kliping.pro
  • Docs
  • Directory
  • Colors
  • Typeset
Hooks
  • State7
  • Advanced6
    • useCreation
    • useCustomCompareEffect
    • useLatest
    • useLockFn
    • useMemoizedFn
    • usePrevious
  • Lifecycle16
  • Browser21
  • Development1
  • Third-Party4
  • Libraries4

useCustomCompareEffect

PreviousNext

Bereaksi hanya pada bagian yang Anda pedulikan.

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.

PrevioususeCreationNext useLatest
Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping