kliping.pro
  • Docs
  • Explore
  • Builder
  • Directory
  • Colors
  • Typeset
Saved
Hooks
  • Getting Started2
  • State7
  • Advanced6
  • Lifecycle16
  • useDebounceEffect
  • useDebounceFn
  • useDeepCompareEffect
  • useDeepCompareLayoutEffect
  • useEffectEvent
  • useEffectWithTarget
  • useInterval
  • useIsHydrated
  • useIsomorphicLayoutEffect
  • useMount
  • useThrottleEffect
  • useThrottleFn
  • useTimeout
  • useUnmount
  • useUpdate
  • useUpdateEffect
  • Browser21
  • Development1
  • Third-Party4
  • Libraries4
  1. Hooks
  2. Lifecycle
  3. useUnmount

useUnmount

PreviousNext

Membersihkan saat komponennya dilepas.

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(cleanup)

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

PrevioususeTimeoutNext useUpdate

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

LicenseCreditsRoadmap