kliping.pro
  • Docs
  • Explore
  • Builder
  • Directory
  • Colors
  • Typeset
Saved
Hooks
  • Getting Started2
  • State7
  • Advanced6
  • useCreation
  • useCustomCompareEffect
  • useLatest
  • useLockFn
  • useMemoizedFn
  • usePrevious
  • Lifecycle16
  • Browser21
  • Development1
  • Third-Party4
  • Libraries4
  1. Hooks
  2. Advanced
  3. useCustomCompareEffect

useCustomCompareEffect

PreviousNext

Bereaksi hanya pada bagian yang Anda pedulikan.

Tidak ada yang perlu dipasang.

Vue sudah menyediakan padanannya — watch(() => key(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(() => user.value.id, reload)

// Beberapa kunci sekaligus
watch(() => [filter.type, filter.order], reload)

// Bahkan hasil perhitungan
watch(() => items.value.length, onCountChange)

Ini lebih murah daripada deep: true, dan maksudnya lebih terbaca: yang tertulis di getter itulah yang dipedulikan, tidak lebih.

PrevioususeCreationNext useLatest

© 2026 Kliping. Free components are open source under the MIT License.

LicenseCreditsRoadmap