useMounted

Category

Component

Export Size

156 B

Last Changed

6 minutes ago

Mounted state in ref.

Demo

source

unmounted

Usage

import { useMounted } from '@vueuse/core'

const isMounted = useMounted()

Which is essentially a shorthand of:

const isMounted = ref(false)

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

Type Declarations

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

Source

Source • Demo • Docs

Contributors

Anthony Fu

yanbowen

Changelog

v12.0.0-beta.1 on 11/21/2024

0a9ed - feat!: drop Vue 2 support, optimize bundles and clean up (#4349)

v10.10.0 on 5/27/2024

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