vue3 this.$refs

在Vue 3中，`this.$refs` 是一个特殊的属性，它允许你在组件实例创建后通过引用ID访问到该组件的某个元素。当你在模板中使用 `ref` 指令给某个DOM元素添加了一个引用时，这个引用就会被保存在 `$refs` 对象中，键通常是元素的`ref`名称。

例如，如果你有如下代码：

<template>
  <div ref="myInput">
    <input type="text" @focus="handleFocus" />
  </div>
</template>

<script>
export default {
  methods: {
    handleFocus() {
      console.log('Input获得了焦点', this.$refs.myInput);
    }
  }
}
</script>

当你聚焦输入框时，`handleFocus` 函数会打印出对 `myInput` 元素的引用，你可以通过这个引用来操作实际的DOM元素，比如获取它的值、设置样式等。