vue3中没有this.$refs吗

在 Vue 3 中，确实没有了 `this.$refs` 这个选项。在 Vue 3 中，`$refs` 所有被标记为 ref 的 DOM 元素或组件现在都可以通过直接访问 ref 变量来获取。例如，假设你有一个 `<input>` 元素的 ref，你可以通过 `ref` 变量来访问它。

在 Vue 3 中，可以使用 `ref()` 函数来创建一个 ref，然后将其分配给模板中的元素或组件。这将允许你直接访问该 ref。

下面是一个示例代码：

<template>
  <div>
    <input ref="myInput" />
    <button @click="handleClick">获取输入值</button>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const myInput = ref(null);

    const handleClick = () => {
      console.log(myInput.value.value);
    };

    return {
      myInput,
      handleClick
    };
  }
};
</script>

在上面的示例中，我们使用 `ref(null)` 来创建一个 ref，并将其赋值给 `myInput` 变量。然后，在 `handleClick` 方法中，我们可以通过 `myInput.value.value` 来访问输入框的值。请注意，`myInput.value` 返回的是一个对象，因此我们需要再次使用 `.value` 来获取输入框的实际值。

希望能对你有所帮助！如果还有其他问题，请随时提问。