Skip to content
On this page

useMounted

Category
Export Size
777 B
Last Changed
last year

Mounted state in ref.

Demo

unmounted

Usage

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

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

const isMounted = useMounted()

Which is essentially a shorthand of:

ts
const isMounted = ref(false)

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

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

Type Declarations

typescript
/**
 * 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

Released under the MIT License.