vue 父组件获取子组件中的组件

在Vue中，父组件可以通过`ref`属性来获取子件的实例，然后通过该实例来访问子组件中的组件。

首先，在子组件中给需要获取的组件添加`ref`属性，例如：

<template>
  <div>
    <child-component ref="childRef"></child-component>
  </div>
</template>

然后，在父组件中使用`$refs`来获取子组件的实例，进而访问子组件中的组件。例如：

<template>
  <div>
    <child-component ref="childRef"></child-component>
    <button @click="accessChildComponent">访问子组件中的组件</button>
  </div>
</template>

<script>
export default {
  methods: {
    accessChildComponent() {
      const childComponent = this.$refs.childRef;
      // 通过子组件实例访问子组件中的组件
      const innerComponent = childComponent.$refs.innerComponent;
      // 进行操作或访问内部组件的属性、方法等
    }
  }
}
</script>

在上述代码中，父组件通过`this.$refs.childRef`获取到子组件的实例，然后再通过`childComponent.$refs.innerComponent`来获取子组件中的内部组件。