useMounted

カテゴリ

コンポーネント

エクスポートサイズ

156 B

最終変更日

先週

マウント状態をrefで管理します。

デモ

ソースコード

アンマウント

使用方法

import { useMounted } from '@vueuse/core'

const isMounted = useMounted()

これは本質的に以下の略記です。

const isMounted = ref(false)

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

型定義

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

ソースコード

ソースコード • デモ • ドキュメント

コントリビューター

Anthony Fu

yanbowen

変更ログ

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

0a9ed - feat!: Vue 2サポートの削除、バンドルの最適化、クリーンアップ (#4349)

v10.10.0 2024/5/27

7966b - fix: vue2.7における第二引数はundefinedとするべき (#3830)

v10.9.0 2024/2/27

ee297 - fix: vue2.7との互換性向上 (#3802)

v10.8.0 2024/2/20

2f66e - fix: インスタンスを保持、#3785、#3795をクローズ

v10.0.0-beta.3 2023/4/12

1aab1 - fix: 現在のインスタンスを確認