vue3 中$refs is not defined

在 Vue 3 中，`$refs` 不再是一个直接可用的属性。取而代之的是，你可以通过使用 `ref` 函数创建一个 ref，并在需要的地方引用它。

例如，在模板中，你可以这样使用 `ref`：

<template>
  <div ref="myRef">Hello Vue 3!</div>
</template>

然后，在组件的方法中，你可以通过 `this.$refs.myRef` 来访问这个 ref：

<script>
export default {
  mounted() {
    console.log(this.$refs.myRef); // 输出：DOM 元素
  }
}
</script>

注意：`$refs` 只在组件渲染完成之后才能访问到相应的 DOM 元素。