vue3学习与实践：遇到给组件设置ref属性获取不到实例的问题

1.问题描述

        当几个组件需要根据状态值判断是否展示时，我们通常会用到v-if、v-else-if、v-else来设置展示与隐藏，同时我们需要获取这些组件的实例，会使用到ref属性来赋值，但最终只有首次为显示状态的组件才有实例返回、其余不管是隐藏还是后面根据状态值变更的显示始终拿不到实例（打印为null）；

2.个人解决方式

        调整v-if、v-else-if、v-else属性，改为v-show来控制显隐都能获取到实例；

        v-if、v-else-if、v-else：false修饰的组件不会载入页面中，会被删掉；

        v-show：组件都会载入页面中，实际是控制其display属性显隐；

 更新2023-11-22（最佳处理方式）：使用nextTick函数会在页面dom元素构建完成之后执行，这样实例就能拿到了。