vue 获取元素的大小信息

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

然后，在组件的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 };  
  },  
};