vue3获取多个同名dom元素 不用v-for 并且添加类名

可以使用 Vue 3 的 `ref` 和 `querySelectorAll` 方法来获取多个同名的 DOM 元素，并且添加类名。具体步骤如下：

1. 在模板中，给需要获取的 DOM 元素添加 `ref` 属性：

<div ref="myDiv"></div>
<div ref="myDiv"></div>
<div ref="myDiv"></div>

2. 在组件中，使用 `$refs` 属性和 `querySelectorAll` 方法来获取多个同名的 DOM 元素：

import { ref } from 'vue';

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

    const addClassName = () => {
      const divs = myDivs.value.querySelectorAll('[ref="myDiv"]');
      divs.forEach(div => {
        div.classList.add('my-class');
      });
    };

    return {
      myDivs,
      addClassName
    };
  }
};

3. 在需要的时候，调用 `addClassName` 方法来给多个同名的 DOM 元素添加类名：

<button @click="addClassName">Add Class Name</button>

这样，就可以在不使用 `v-for` 的情况下，获取多个同名的 DOM 元素，并且给它们添加类名了。