emit传值给父组件 但是父组件中的调用子组件的方法也要传值怎么处理

在Vue.js中，如果你想要在从父组件向子组件emit事件的同时，也传递一些数据，可以这样做：

1. **父组件调用子组件**：
在父组件里，你可以通过`<child-component @some-event="handleChildEvent">`的形式引用并设置事件处理器。当触发子组件的方法时，将需要的数据作为参数一起emit出来：

<template>
  <button @click="sendDataToChild">发送数据到子组件</button>
  <child-component :data="parentData" @eventFromChild="handleReceivedData"></child-component>
</template>

<script>
export default {
  methods: {
    sendDataToChild() {
      this.$emit('some-event', { keyData: 'value' }); // 发送数据对象
    },
    handleReceivedData(data) {
      console.log('父组件接收到的数据:', data);
    }
  }
}
</script>

2. **子组件接收并处理**：
子组件在`methods`中监听这个事件，并在事件处理器中处理接收到的数据：

<template>
  <button @click="doSomething">执行操作</button>
</template>

<script>
export default {
  methods: {
    doSomething() {
      this.$emit('eventFromChild', this.childData); // 在子组件内部处理完后再emit回去
    }
  },
  props: {
    data: {
      type: Object,
      default: () => {}
    } // 接收父组件传递过来的数据
  }
}
</script>

在这种模式下，当子组件内部的操作完成后，它会再次emit一个事件，同时携带子组件内部处理过的数据。