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

useLatest

PreviousNext

Nilai terbaru di dalam closure. Di Vue tidak perlu apa pun — setup() berjalan sekali.

Tidak ada yang perlu dipasang.

Vue sudah menyediakan padanannya — variabel biasa di setup(). Halaman ini menjelaskan cara memakainya.

setup() berjalan sekali. Variabel yang dideklarasikan di dalamnya lahir sekali pula, dan fungsi apa pun yang menangkapnya akan selalu membaca nilai terbarunya — tidak ada salinan basi yang perlu disegarkan.

ts
const message = ref('hello')

// Dijadwalkan sekarang, dibaca nanti. Yang terbaca tetap nilai terbaru.
setTimeout(() => console.log(message.value), 1500)

Itu sebabnya useEventListener di Kliping memanggil handler-nya langsung, tanpa penampung apa pun:

ts
useEventListener('resize', () => recalculate(width.value))

Kalau yang Anda cari adalah nilai sebelumnya, itu hal yang berbeda dan memang butuh composable: usePrevious.

PrevioususeCustomCompareEffectNext useLockFn

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

LicenseCreditsRoadmap