vue3如何在父组件去调用子组件里面的方法

在 Vue 3 中，父组件可以通过使用`ref`来获取子组件实例，然后调用其方法。下面是具体的步骤：

1. 在子组件内部，使用`ref`函数创建一个引用，并将其绑定到子组件实例上的某个属性上。例如，将引用绑定到`childRef`属性上：

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

<script>
import { ref } from 'vue';

export default {
  setup() {
    const childRef = ref(null);

    // 子组件方法
    const childMethod = () => {
      // 方法逻辑
    };

    return {
      childRef,
      childMethod
    };
  }
};
</script>

2. 在父组件中，通过使用`ref`函数创建一个引用，并通过在子组件上使用`ref`指令将子组件实例绑定到该引用上：

<template>
  <div>
    <ChildComponent ref="childRef"></ChildComponent>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    parentMethod() {
      // 调用子组件方法
      this.$refs.childRef.childMethod();
    }
  }
};
</script>

在父组件的`parentMethod`中，通过`this.$refs.childRef`可以访问到子组件实例，然后可以调用子组件的方法。

这样，你就可以在父组件中调用子组件的方法了。