vue组件传值报错： Instead, use a data or computed property based on the prop‘s value. Prop being mutated: “

问题

问题：在单选组件（radio）切换后，修改了来自父组件的值（item），然后报错如下：

原因

prop是单向绑定，不能更改数据，只能由父组件传输过来

解决

1、可以在子组件中 声明一个中间变量（value），把父组件传过来的值(item)赋值给中间变量(value),当单选切换时修改的数据为value,就不会报错

2、使用.sync修饰符与$emit(update:xxx)

父组件

<comp :item.sync="item">comp>

子组件

this.$emit('update:item',data)