vue3获取$refs

在Vue3中，没有`$refs`这个对象。相反，你可以使用`ref`函数来创建一个响应式引用。在模板中，你可以使用`ref`函数给元素添加一个引用，如下所示：

<template>
  <div>
    <input type="text" ref="password" />
  </div>
</template>

在`setup`函数中，你可以通过`ref`函数创建一个引用，然后将其返回给外部使用。例如：

import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    const password1 = ref();
    
    const password = () => {
      console.log(password1.value.value);
    }
    
    return {
      password1,
      password
    }
  }
});

这样，你就可以在`password`函数中使用`password1`引用了。

请注意，`ref`函数创建的引用是一个对象，所以你需要使用`value`属性来访问引用的值。

希望这个回答能帮到你！<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue3中使用$refs](https://blog.csdn.net/m0_50207524/article/details/130003443)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [vue3.0获取$refs](https://blog.csdn.net/susanliy/article/details/122132634)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]