コンテンツにスキップ

useOnline

カテゴリ
エクスポートサイズ
830 B
最終更新日
2ヶ月前

リアクティブなオンライン状態。`useNetwork`のラッパーです。

デモ

変更を確認するには、ネットワークを切断してください。
ステータス:オンライン

使用方法

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

const online = useOnline()

コンポーネントの使用方法

この関数は、`@vueuse/components`パッケージを介してレンダーレスコンポーネントバージョンも提供します。使用方法の詳細はこちら

vue
<template>
  <UseOnline v-slot="{ isOnline }">
    Is Online: {{ isOnline }}
  </UseOnline>
</template>

型宣言

typescript
/**
 * Reactive online state.
 *
 * @see https://vueuse.dokyumento.jp/useOnline
 * @param options
 */
export declare function useOnline(
  options?: ConfigurableWindow,
): Readonly<Ref<boolean, boolean>>

ソース

ソースデモドキュメント

貢献者

Anthony Fu
Anthony Fu
vaakian X
Mike Jules
wheat
Alex Kozack
Antério Vieira

変更履歴

v12.0.0-beta.1 2024/11/21
0a9ed - feat!: Vue 2 サポートの削除、バンドルの最適化、クリーンアップ (#4349)
v9.11.0 2023/01/17
d5321 - fix(components): `defineComponent` を pure としてマーク (#2623)

MITライセンスでリリースされています。