vue3获取当前容器的高度

在 Vue 3 中，你可以使用 `ref` 来获取 DOM 元素，并且可以通过 `value` 属性访问该元素的属性和方法。因此，你可以通过如下方式获取当前容器的高度：

1. 在模板中使用 `ref` 给容器元素命名：

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

2. 在组件中使用 `onMounted` 钩子函数获取容器高度：

   import { onMounted, ref } from 'vue';
   
   export default {
     setup() {
       const container = ref(null);
   
       onMounted(() => {
         const height = container.value.clientHeight;
         console.log(height);
       });
   
       return {
         container,
       };
     },
   };

在上面的示例代码中，我们在 `setup` 函数中使用 `ref` 创建了一个名为 `container` 的响应式对象，并在 `onMounted` 钩子函数中访问了 `container.value`，即当前容器元素。然后，我们使用 `clientHeight` 属性获取了容器的高度，并将其打印到控制台中。