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

useMemoizedFn

PreviousNext

Identitas fungsi yang stabil. Di Vue sudah begitu sejak awal.

Tidak ada yang perlu dipasang.

Vue sudah menyediakan padanannya — fungsi biasa. Halaman ini menjelaskan cara memakainya.

Fungsi yang dideklarasikan di setup() lahir sekali, dan identitasnya tidak pernah berubah selama komponennya hidup.

ts
const kirim = () => { /* … */ }
// `kirim` hari ini dan `kirim` sepuluh render lagi adalah objek yang sama persis

Artinya mengopernya sebagai prop ke komponen anak aman: anaknya tidak akan menggambar ulang hanya karena identitas fungsinya berganti, karena memang tidak pernah berganti.

Yang memang perlu dibungkus adalah nilai turunan yang mahal dihitung, dan untuk itu ada computed():

ts
const total = computed(() => daftar.value.reduce((n, i) => n + i.harga, 0))
PrevioususeLockFnNext usePrevious
Dirilis di bawah lisensi MIT. Ditulis ulang untuk Vue dari shadcn-vue, shadcn-ui-blocks, dan shadcn-hooks. Hak cipta © 2026 Kliping