Skip to content

useMounted ​

Category
Export Size
156 B
Last Changed
last week

Mounted state in ref.

Demo ​

unmounted

Usage ​

js
import { useMounted } from '@vueuse/core'

const isMounted = useMounted()

Which is essentially a shorthand of:

ts
const isMounted = ref(false)

onMounted(() => {
  isMounted.value = true
})

Type Declarations ​

typescript
/**
 * Mounted state in ref.
 *
 * @see https://vueuse.org/useMounted
 */
export declare function useMounted(): Ref<boolean>

Source ​

Source • Demo • Docs

Contributors ​

Anthony Fu
yanbowen

Changelog ​

Pending for release...
7966b - fix: The second argument in vue2.7 should be undefined (#3830)
v10.9.0 on 2/27/2024
ee297 - fix: compatible with vue2.7 (#3802)
v10.8.0 on 2/20/2024
2f66e - fix: hold the instance, close #3785, close #3795
v10.0.0-beta.3 on 4/12/2023
1aab1 - fix: check for the current instance

Released under the MIT License.