vue3怎么设置div的大小为窗口大小

你可以使用Vue3中提供的ref和onMounted钩子函数来设置div的大小为窗口大小。具体实现如下：

1. 在template中，使用ref指令定义一个div元素的引用：

<template>
  <div ref="container"></div>
</template>

2. 在script中，使用onMounted钩子函数获取窗口大小，并设置div的大小：

<script>
import { ref, onMounted } from 'vue';

export default {
  setup() {
    const container = ref(null);

    onMounted(() => {
      container.value.style.width = window.innerWidth + 'px';
      container.value.style.height = window.innerHeight + 'px';
    });

    return {
      container,
    };
  },
};
</script>

这样，div的大小就会被设置为窗口大小。