useWindowSize

类别

Elements

导出大小

1.46 kB

最近修改

2 days ago

反应式窗口大小

🌐 Reactive window size

示例

源代码在线运行

Infinity x Infinity

用法

🌐 Usage

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

const { width, height } = useWindowSize()
</script>

<template>
  <div>
    Width: {{ width }}
    Height: {{ height }}
  </div>
</template>

组件用法

🌐 Component Usage

<template>
  <UseWindowSize v-slot="{ width, height }">
    Width: {{ width }}
    Height: {{ height }}
  </UseWindowSize>
</template>