vue3 动态绑定ref

在Vue3中，可以通过`ref`函数来创建一个ref对象，然后将其绑定到模板中的元素上，从而实现动态绑定ref。具体步骤如下：

1. 在Vue3组件中，使用`ref`函数创建一个ref对象，例如：

   import { ref } from 'vue'
   
   export default {
     setup() {
       const myRef = ref(null)
       return {
         myRef
       }
     }
   }

2. 将`myRef`对象绑定到模板中的元素上，例如：

   <template>
     <div ref="myRef">这是一个DOM元素</div>
   </template>

3. 在组件中可以通过`this.$refs`来访问绑定的`ref`对象，例如：

   export default {
     mounted() {
       console.log(this.$refs.myRef) // 输出绑定的DOM元素
     }
   }

注意：在Vue3中，`this.$refs`返回的是一个对象，而不是数组。