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

useMount

PreviousNext

Menjalankan sesuatu setelah komponennya terpasang.

Tidak ada yang perlu dipasang.

Vue sudah menyediakan padanannya — onMounted(). Halaman ini menjelaskan cara memakainya.

Sudah bawaan Vue:

ts
import { onMounted } from 'vue'

onMounted(() => {
  measureWidth()
})

Berjalan sekali, setelah elemennya benar-benar ada di dokumen — jadi aman untuk mengukur, memasang pengamat, atau menyentuh apa pun milik peramban.

Sekaligus penjaga SSR. onMounted tidak pernah berjalan saat halaman dirender di server, jadi tidak perlu penjagaan tambahan.

Di luar komponen — misalnya di dalam composable yang dipanggil dari effectScope() — onMounted tidak punya komponen untuk disangkutkan. Untuk itu Kliping memakai tryOnMounted, yang bekerja di kedua tempat.

PrevioususeIsomorphicLayoutEffectNext useThrottleEffect

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

LicenseCreditsRoadmap