Vue3 中 ref 与模板引用（template refs）的深入剖析与迁移策略

1. 在需要访问子组件时：
```typescript
// 访问输入增益组件
inputGainRefs.value[0].someMethod()
// 访问节点增益组件
nodeGainRefsMap.value[rowIndex][colIndex].someMethod()

总结

1. ref：用于创建响应式数据，在JavaScript中需要使用.value访问
2. template refs：用于访问DOM元素或组件实例
   • 在Vue 2中通过this.$refs访问
   • 在Vue 3中通过创建ref变量并在模板中绑定来实现
3. 迁移策略：
   • 创建对应的ref变量
   • 在模板中使用:ref绑定
   • 在组件挂载后通过.value访问实际元素或组件 这种方式不仅符合Vue 3的组合式API设计理念，还提供了更好的类型推断支持，特别是在使用TypeScript的项目中。 ​