我会这么做：codesandbox
emits只接受两个参数，即发射的名称和发射的值。如果发射多个值，则必须将这些值作为单个对象发射。在我的解决方案中，孙组件将字段名称和值作为单个对象发射

• • 孙子**

<input
    :value="personalInformation.first_name"
    @input="onInput('first_name', $event.target.value)"
    ...
>

onInput(field, value) {
  this.$emit("update-field", { field: field, value: value });
},

子对象捕获并重新发出的对象，但首先注意以父组件预期的格式发出（它预期整个data.primary对象，因为这是设置为v模型的对象）

• • 儿童**

一个二个一个一个
然后，父组件自动接收并更新v模型data.primary对象。

• 或者 *，我必须提到，您可以始终使用Pinia，Vue的官方状态管理库（在一个组件中保存一些状态，从任何其他组件读取相同的状态），而不是处理多级组件之间的任何发射/传递对象。当然，这需要学习曲线，但它绝对值得学习，并且正是为了简化这种情况而设计的。

对于任何不想链接事件发射的人来说，子对象上有一个父对象，也可以用来发射事件。请确保在父对象中注册发射，以避免控制台中出现警告。
孩子
在此调用直接父级的$emit。

• • 子版本**

<input @input="$parent.$emit('custom-event', e.target.value) />

或使用方法：
x一个一个一个一个x一个一个二个x

父母

因为是父节点向祖先节点发射，所以在这里声明发射。对于<script setup>，只需使用defineEmits()方法来声明发射。参见文档。

• • 父版本**

一个三个三个一个
如果使用<script setup>

<script setup>
  defineEmits(['custom-event']) // Register the emits
</script>

祖父母

然后侦听祖父组件中的事件。

• • 祖父母价值**

<Parent @custom-event="doSomething()" /> <!-- The event is being listened to in the grandparent component -->