vue3 ref获取多个同名dom 不用v-for

如果你想在 Vue3 中获取多个同名 DOM 元素，但是不想使用 `v-for`，你可以使用 `ref` 和 `$refs` 来实现。

首先，在需要获取同名 DOM 元素的组件中，使用 `ref` 给每个 DOM 元素添加一个唯一的标识：

<template>
  <div>
    <div ref="myDiv1">My Div 1</div>
    <div ref="myDiv2">My Div 2</div>
    <div ref="myDiv3">My Div 3</div>
  </div>
</template>

然后在组件的 `mounted` 生命周期中，你可以通过 `$refs` 属性获取这些 DOM 元素：

mounted() {
  console.log(this.$refs.myDiv1);
  console.log(this.$refs.myDiv2);
  console.log(this.$refs.myDiv3);
}

注意，`$refs` 是一个对象，属性名是 `ref` 的值，属性值是对应的 DOM 元素。因此，在这个例子中，你可以通过访问 `$refs.myDiv1` 来获取第一个 DIV 元素。

希望这个回答能够帮助到你！