useDocumentVisibility

反应式性地跟踪 document.visibilityState

¥Reactively track document.visibilityState

示例

源代码演练场

💡 Minimize the page or switch tab then return

用法

¥Usage

<script setup lang="ts">
import { useDocumentVisibility } from '@vueuse/core'

const visibility = useDocumentVisibility()
</script>

组件用法

¥Component Usage

<template>
  <UseDocumentVisibility v-slot="{ visibility }">
    Document Visibility: {{ visibility }}
  </UseDocumentVisibility>
</template>