sync不生效 vue_如何正确使用vue中的sync修饰符

vue父子通讯是单向数据流，也就是子组件不能修改父组件的值，但是在很多情况下是需要这样做的，比如在做功能编辑的时候，子组件需要带入父组件的原始值，而且子组件也需要修改这个值，到最后的保存值中，部分代码

// 父组件

// 子组件

props: {

stepTwoConfig: String

},

computed: {

config: {

get() {

return this.stepTwoConfig

},

set(val) {

this.$emit('update:stepTwoConfig', val)

}

}

}

以上代码是正确的通信方式。

但是在使用的时候发现一些问题，如果父组件传入的值是简单数据类型(string、number)时必须要使用$emit去更新。

如果父组件传入的值是引用类型时则不需要，甚至父组件不用带sync也可以，以下方式不会报错，而且能正确传值：

// 父组件

// 子组件

props: {

stepTwoConfig: Object

}