vue3父组件和子组件

Vue3中，父组件和子组件是通过组件化开发来实现的。父组件可以包含一个或多个子组件，子组件可以接收父组件传递的数据，并且可以向父组件发送事件。

在Vue3中，可以使用`expose`和`ref`来实现父组件调用子组件的方法。通过`expose`可以将子组件的方法和对象暴露给父组件，然后在父组件中通过`ref`来引用子组件，从而调用子组件的方法。

下面是一个使用Vue3的组合式API来演示父组件调用子组件方法的示例：

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

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

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

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

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

在上面的示例中，父组件通过`ref`引用了子组件，并且定义了一个`callChildMethod`方法来调用子组件的`childMethod`方法。当点击按钮时，父组件会调用子组件的方法。