vue3 父组件获得子组件的实例

在Vue3中，可以通过`ref`来获取子组件的实例。具体步骤如下：

1. 在子组件中使用`ref`属性给子组件命名。
2. 在父组件中使用`ref`属性获取子组件的引用。
3. 使用`.value`来获取子组件的实例。

以下是一个示例代码：

子组件：

<template>
  <div>
    子组件内容
  </div>
</template>

<script>
export default {
  name: 'ChildComponent',
  methods: {
    childMethod() {
      console.log('子组件方法被调用');
    }
  }
}
</script>

父组件：

template>
  <div>
    <ChildComponent ref="childRef" />
    <button @click="getParentMethod">调用子组件方法</button>
  </div>
</template>

<script>
import { ref } from 'vue';
import ChildComponent from './ChildComponent.vue';

export default {
  name: 'ParentComponent',
  components: {
    ChildComponent
  },
  setup() {
    const childRef = ref(null);

    const getParentMethod = () => {
      childRef.value.childMethod();
    }

    return {
      childRef,
      getParentMethod
    }
  }
}
</script>

在上述代码中，我们在子组件中使用`ref`属性给子组件命名为`childRef`，然后在父组件中使用`ref`属性获取子组件的引用，并使用`.value`来获取子组件的实例。最后，我们在父组件中定义了一个方法`getParentMethod`，用于调用子组件的方法`childMethod`。