vue3获取ref节点

在 Vue 3 中，您可以使用 `ref` 函数来获取 DOM 节点的引用。下面是一个简单的示例：

<template>
  <div>
    <div ref="myElement">这是一个 DOM 节点</div>
    <button @click="logRef">获取节点</button>
  </div>
</template>

<script>
import { ref } from 'vue';

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

    const logRef = () => {
      console.log(myElement.value); // 在控制台中打印 DOM 节点
    };

    return {
      myElement,
      logRef
    };
  }
};
</script>

在上面的示例中，我们使用 `ref` 函数创建了一个名为 `myElement` 的引用。然后，我们在模板中的 `div` 元素上使用 `ref="myElement"` 将该引用与 DOM 节点关联起来。最后，我们在 `logRef` 方法中可以通过 `myElement.value` 来访问该节点。

请注意，`ref` 返回的是一个响应式对象，因此在模板中使用时，需要使用 `.value` 来访问其值。

希望对您有所帮助！如有任何疑问，请随时提问。