vue3跨组件通讯,子组件接受父组件传递的参数，父组件调用子组件的方法

在Vue3中，子组件与父组件之间的通信通常通过props和事件系统来实现。以下是基本的过程：

1. **父组件向子组件传递数据**:
父组件可以将数据作为prop（属性）传递给子组件。例如，在模板里这样使用：

   <child-component :data="parentData"></child-component>

这里的`:data`是一个简写，表示`v-bind:data`，将`parentData`的数据绑定到子组件的`data` prop上。

2. **子组件接收并处理数据**:
子组件可以在setup()生命周期钩子或methods中接收到这些数据，并对其进行处理。例如：

   setup(props) {
     const parentData = props.data;
     // 对parentData进行操作...
   }

3. **父组件调用子组件的方法**:
如果需要从父组件触发子组件的行为，可以通过事件emits（emit或$emit）来实现。比如在父组件里：

   <button @click="callChildMethod">点击调用子方法</button>

然后在子组件里定义相应的方法并处理这个事件：

   methods: {
     callParentMethod() {
       this.$emit('someEvent', '参数');
     }
   },

父组件可以通过监听'someEvent'来响应子组件的调用。