在模板中为元素添加一个ref属性：

<template>  <div ref="myElement">Hello, World!</div>  
</template>

然后，在组件的setup函数中使用ref获取元素，并获取元素的信息：

vue2获取方式：

 mounted() {  console.log(this.$refs.myElement); // 输出元素的信息  },  

vue3获取方式：

import { ref, onMounted } from 'vue';  export default {  setup() {  const myElement = ref(null);  onMounted(() => {  const rect = myElement.value.getBoundingClientRect();  console.log(rect.height); // 输出元素的高度  console.log(rect.width); // 输出元素的宽度  });  return { myElement };  },  
};