Skip to content
On this page

useMounted

Category
Last Changed
2 months ago

Mounted state in ref.

Demo

unmounted

Usage

import { useMounted } from '@vueuse/core'

const isMounted = useMounted()
import { useMounted } from '@vueuse/core'

const isMounted = useMounted()

Which is essentially a shorthand of:

const isMounted = ref(false)

onMounted(() => {
  isMounted.value = true
})
const isMounted = ref(false)

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

Type Declarations

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

Source

SourceDemoDocs

Contributors

Anthony Fu

Changelog

v7.5.1 on 12/31/2021
c6abd - fix: stricter eslint rules
v7.1.0 on 11/24/2021
b6a36 - feat: new function
useMounted has loaded