Kliping
KlipingBerandaDokumentasiKomponenBlocksVariasiTemplateDice UIHooks
Memulai
  • Pengenalan
  • Instalasi
  • Kredit
State
  • useBoolean
  • useControllableValue
  • useCounter
  • useDebounce
  • useResetState
  • useThrottle
  • useToggle
Lanjutan
  • useCreation
  • useCustomCompareEffect
  • useLatest
  • useLockFn
  • useMemoizedFn
  • usePrevious
Siklus Hidup
  • useDebounceEffect
  • useDebounceFn
  • useDeepCompareEffect
  • useDeepCompareLayoutEffect
  • useEffectEvent
  • useEffectWithTarget
  • useInterval
  • useIsHydrated
  • useIsomorphicLayoutEffect
  • useMount
  • useThrottleEffect
  • useThrottleFn
  • useTimeout
  • useUnmount
  • useUpdate
  • useUpdateEffect
Peramban
  • useActiveElement
  • useBattery
  • useClickAnyWhere
  • useClickAway
  • useClipboard
  • useDocumentVisibility
  • useElementSize
  • useEventListener
  • useFps
  • useFullscreen
  • useHash
  • useHover
  • useInViewport
  • useIsMatchMedia
  • useIsOnline
  • useMouse
  • useNetwork
  • useOs
  • useScrollLock
  • useTextSelection
  • useTitle
Pengembangan
  • useWhyDidYouUpdate
Paket Luar
  • useMcp
  • useQuery
  • useStickToBottom
  • useSwr
Pustaka
  • isBrowser
  • createContext
  • bacaElemen
  • saatTerpasang

useUnmount

SebelumnyaBerikutnya

Membersihkan saat komponennya dilepas.

() => null

Anak terpasang: true · dilepas 0 kali

Tidak ada yang perlu dipasang.

Vue sudah menyediakan padanannya — onUnmounted() atau onScopeDispose(). Halaman ini menjelaskan cara memakainya.

Vue punya dua, dan bedanya penting:

ts
import { onScopeDispose, onUnmounted } from 'vue'

onUnmounted(() => { /* hanya di dalam komponen */ })
onScopeDispose(() => { /* di mana pun, termasuk effectScope() lepas */ })

Seluruh composable Kliping memakai onScopeDispose. Alasannya konkret: composable dipanggil oleh composable lain, yang belum tentu dipanggil dari sebuah komponen. Di sana onUnmounted diam saja, dan yang tersisa adalah pendengar yang tidak pernah dilepas.

ts
if (getCurrentScope())
  onScopeDispose(bersihkan)

Penjagaan getCurrentScope() membuatnya aman dipanggil di mana pun, termasuk di luar scope mana pun.

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