vue3获取元素的高度

vue3如何获取绑定的元素的高度
解决方案如下：

<template>
 <view ref="documentAssistant" class="document-assistant"></view>
</template>
<script lang="ts">
import { computed, onMounted, reactive, ref } from "vue"
let documentAssistant = ref<any>()
let BaseStyle = reactive({
  height: 0,
  width: 0
})
onMounted(() => {
// 使用ResizeObserver监听尺寸变化并作出处理
  let observer = new ResizeObserver((entries) => {
    for (let entry of entries) {
      BaseStyle.height = entry.contentRect.height
      BaseStyle.width = entry.contentRect.width
    }
  })
  observer.observe(documentAssistant.value)
})
// 计算高度
let height = computed(() => {
  return BaseStyle.height - BaseStyle.width * 0.05
})
</script>