Vue2 中通过 $refs 获取子组件

 Vue2 中通过 $refs 获取子组件实例有什么限制？
在Vue 2中，使用 $refs 可以获取子组件的实例，但存在一些限制和注意事项：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb

只能获取直接子组件：$refs 只能获取直接子组件的实例，而无法获取孙子组件或更深层次的组件。这是因为 $refs 是在模板中使用 ref 特性为组件指定的引用名称，它们只能在当前组件的作用域范围内访问到。

异步访问不可靠：Vue 2中的 $refs 是在组件渲染完成后才被填充的，这意味着如果在组件的 mounted 钩子函数或之后的生命周期钩子函数中访问 $refs，则可以保证获取到正确的子组件实例。但如果在组件的 beforeMount 或 created 钩子函数等较早的阶段尝试访问 $refs，则可能导致 undefined 或旧的引用。

不适用于循环和条件渲染：当使用循环渲染（如 v-for）或条件渲染（如 v-if）时，$refs 的行为是不可靠的。这是因为在 Vue 的渲染过程中，子组件的实例可能会动态地创建和销毁，从而导致 $refs 中的引用与实际的子组件实例不匹配。

动态组件的限制：对于使用 <component> 标签来动态渲染组件的情况，$refs 也存在限制。由于动态组件可以切换其渲染的组件类型，因此 $refs 只能访问到当前渲染的组件实例。当切换组件后，之前的组件实例将不再可用。