vue3 $refs怎么使用

在Vue 3中，`$refs`的使用方式与Vue 2略有不同。在Vue 3中，可以通过`ref`函数来创建一个引用，并将其添加到组件中的元素或子组件上。

首先，在你的Vue 3组件中，使用`ref`函数来创建一个引用，然后将其绑定到你想要引用的元素或组件上。例如，如果你想引用一个元素，可以在模板中使用`ref`指令来给元素添加引用：

<template>
  <div>
    <button ref="myButton">Click me</button>
  </div>
</template>

然后，在组件的JavaScript部分，你可以通过`this.$refs`来访问这个引用。例如，在方法中可以通过`this.$refs.myButton`来获取这个按钮元素：

<script>
export default {
  methods: {
    handleClick() {
      const buttonElement = this.$refs.myButton;
      // 执行其他操作
    }
  }
}
</script>

需要注意的是，在Vue 3中，`$refs`是响应式的，并且可以在模板中直接使用。但是，请注意避免在模板中直接修改`$refs`的值，因为这可能会导致不可预测的行为。

希望这可以帮助到你！如有任何疑问，请随时提问。