在vue3中，怎么使用this.$refs

在 Vue3 中，通过 `ref` 属性可以获取到组件或 DOM 元素的引用，而获取这个引用的方式与 Vue2 有所不同。在 Vue3 中，通过在组件中使用 `ref` 属性来获取组件引用，或者在 DOM 元素上使用 `ref` 属性来获取 DOM 元素引用。

而在 Vue3 中，使用 `this.$refs` 来访问这些引用，与 Vue2 中的使用方式是相同的。例如，如果我们在组件中定义了一个 `ref` 属性为 `myComponent` 的组件：

<template>
  <my-component ref="myComponentRef"></my-component>
</template>

那么我们就可以在组件中使用 `this.$refs.myComponentRef` 来访问这个组件的实例对象。同样的，如果我们在模板中定义了一个 `ref` 属性为 `myDiv` 的 DOM 元素：

<template>
  <div ref="myDivRef"></div>
</template>

那么我们可以在组件中使用 `this.$refs.myDivRef` 来访问这个 DOM 元素的引用。需要注意的是，在 Vue3 中，`this.$refs` 返回的是一个响应式对象，因此可以在模板中使用这些引用来进行动态渲染。