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

useMount

SebelumnyaBerikutnya

Menjalankan sesuatu setelah komponennya terpasang.

Menekan tombol menggambar ulang komponennya, dan catatannya tetap satu baris — itulah yang dimaksud "sekali".

Tidak ada yang perlu dipasang.

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

Sudah bawaan Vue:

ts
import { onMounted } from 'vue'

onMounted(() => {
  ukurLebar()
})

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 saatTerpasang, yang bekerja di kedua tempat.

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