useOnline
リアクティブなオンライン状態。`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>>