vue3 透传ref

在Vue 3中，可以通过透传ref来获取元素的引用。透传ref是指将ref传递给子组件，并在子组件中使用ref获取子组件内部的元素。具体操作如下所示：

1. 在父组件中，使用ref定义一个响应式数据。例如，`const inputRef = ref(null)`。

2. 在模板中，将ref绑定到需要获取引用的元素上。例如，`<input type="text" ref="inputRef">`。

3. 在子组件中，通过props接收父组件传递的ref。例如，`props: ['inputRef']`。

4. 在子组件的生命周期钩子函数或setup函数中，使用`inputRef.value`来获取元素的引用。例如，`inputRef.value.focus()`可以使输入框自动获取焦点。

通过上述步骤，就可以实现在Vue 3中透传ref来获取元素的引用。