useOnline

响应式在线状态，它是 useNetwork 的一个封装。

用法

import { useOnline } from '@vueuse/core'

const online = useOnline()

组件方式用法

此函数也通过 @vueuse/components 包提供了无渲染组件版本。了解更多关于用法的信息。

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

类型声明

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

useNetwork

usePageLeave