vue3怎么获取div的宽度

在 Vue3 中同样可以使用 `$refs` 来获取 DOM 元素的宽度，但是获取 `$refs` 的方式发生了改变。

具体的做法如下：

1. 在需要获取宽度的 div 上添加一个 ref 属性，例如：

<div ref="myDiv">这是一个 div</div>

2. 在 Vue3 中，可以使用 `setup` 函数来获取 `$refs`，例如：

import { onMounted, ref } from 'vue';

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

    onMounted(() => {
      let width = myDiv.value.offsetWidth;
      console.log("div的宽度为：" + width);
    });

    return {
      myDiv
    }
  }
}

这样就可以在 `onMounted` 钩子函数中获取到该 div 元素的宽度了。需要注意的是，在 `setup` 函数中获取 `$refs` 时，需要使用 `ref` 函数来创建一个响应式的引用，并且需要使用 `.value` 来获取 `$refs` 对象。