vue3 $refs is not defined

在Vue 3中，$refs属性已被移除，因此在使用$refs时会报错"$refs is not defined"。Vue 3中推荐使用`ref`函数来创建一个响应式的引用，并通过`toRef`函数来访问子组件的引用。

下面是一个示例，演示了如何在Vue 3中使用`ref`和`toRef`来替代$refs：

// 在组件中使用ref创建引用
import { ref, toRef } from 'vue';

export default {
  setup() {
    // 创建一个ref引用
    const myRef = ref(null);

    // 访问子组件的引用
    const childRef = toRef(myRef, 'childRef');

    // 在模板中使用引用
    return {
      myRef,
      childRef
    };
  }
}

在上面的示例中，我们使用`ref`函数创建了一个名为`myRef`的引用。然后，我们使用`toRef`函数来访问`myRef`中的子组件引用，其中'childRef'是子组件中的引用名称。

通过这种方式，我们可以在Vue 3中替代使用$refs，并且能够正常访问和操作引用。