vue 子组件的props中有属性是多层嵌套的对象，那么其中深层的属性值改变了，如何传递回父组件比较合理？

Question

比如子组件中有下面的props，其中的item 是个多层嵌套的对象。

 props() {
    item:{
        type: Object,
        default: () => (
            a:{
                a1:1,
                b:{
                    b1:1,
                    c:{
                        c1:1
                    }
                }
            }
        }
    )
 }

a , b, c 三个属性值，在子组件中功能不一样。如果各自的值改变，要$emit 到父组件，如何把变更后的值传递到父组件呢？
父组件要写几个不同的接收函数区别对待吗？
怎么传值比较简洁高效？

Answer 1

你不需要传递，父组件会同步拿到最新的值，因为你的 props 是引用类型的，最多你只要 $emit 一个事件，告诉父组件变化了，就 okay 了