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. useMemoizedFn

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 send = () => { /* … */ }
// `send` hari ini dan `send` 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(() => items.value.reduce((n, i) => n + i.harga, 0))
PrevioususeLockFnNext usePrevious

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

LicenseCreditsRoadmap