/*! For license information please see 8723.61a07d02.js.LICENSE.txt */ (self.webpackChunk=self.webpackChunk||[]).push([["8723"],{40542:function(s,n,a){"use strict";a.r(n);var l=a("80681");let t=["innerHTML"];n.default={setup:()=>({html:""}),render:()=>((0,l.wg)(),(0,l.iD)("div",{class:"van-doc-markdown-body",innerHTML:'

useWindowSize

\n

\u4ECB\u7ECD

\n

\u83B7\u53D6\u6D4F\u89C8\u5668\u7A97\u53E3\u7684\u89C6\u53E3\u5BBD\u5EA6\u548C\u9AD8\u5EA6\uFF0C\u5E76\u5728\u7A97\u53E3\u5927\u5C0F\u53D8\u5316\u65F6\u81EA\u52A8\u66F4\u65B0\u3002

\n

\u4EE3\u7801\u6F14\u793A

\n

\u57FA\u672C\u7528\u6CD5

\n
import { watch } from 'vue';\nimport { useWindowSize } from '@vant/use';\n\nexport default {\n  setup() {\n    const { width, height } = useWindowSize();\n\n    console.log(width.value); // -> \u7A97\u53E3\u5BBD\u5EA6\n    console.log(height.value); // -> \u7A97\u53E3\u9AD8\u5EA6\n\n    watch([width, height], () => {\n      console.log('window resized');\n    });\n  },\n};\n
\n

API

\n

\u7C7B\u578B\u5B9A\u4E49

\n
function useWindowSize(): {\n  width: Ref<number>;\n  height: Ref<number>;\n};\n
\n

\u8FD4\u56DE\u503C

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u53C2\u6570\u8BF4\u660E\u7C7B\u578B
width\u6D4F\u89C8\u5668\u7A97\u53E3\u5BBD\u5EA6Ref<number>
height\u6D4F\u89C8\u5668\u7A97\u53E3\u9AD8\u5EA6Ref<number>
\n
'},null,8,t))}}}]);