import{o as a,a as n,y as t}from"./vue-libs.b44bc779.js";const i={class:"van-doc-markdown-body"},l=t(`

usePageVisibility

\u4ECB\u7ECD

\u83B7\u53D6\u9875\u9762\u7684\u53EF\u89C1\u72B6\u6001\u3002

\u4EE3\u7801\u6F14\u793A

\u57FA\u672C\u7528\u6CD5

import { watch } from 'vue';
import { usePageVisibility } from '@vant/use';

export default {
  setup() {
    const pageVisibility = usePageVisibility();

    watch(pageVisibility, (value) => {
      console.log('visibility: ', value);
    });
  },
};

API

\u7C7B\u578B\u5B9A\u4E49

type VisibilityState = 'visible' | 'hidden';

function usePageVisibility(): Ref<VisibilityState>;

\u8FD4\u56DE\u503C

\u53C2\u6570\u8BF4\u660E\u7C7B\u578B
visibilityState\u9875\u9762\u5F53\u524D\u7684\u53EF\u89C1\u72B6\u6001\uFF0Cvisible \u4E3A\u53EF\u89C1\uFF0Chidden \u4E3A\u9690\u85CFRef<VisibilityState>
`,7),e=[l],r={__name:"use-page-visibility.zh-CN",setup(c,{expose:s}){return s({frontmatter:{}}),(d,o)=>(a(),n("div",i,e))}};export{r as default};