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

问题

问题：在传值給父组件的时候修改了props的值，然后报错如下：

原因

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

解决

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

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

父组件

<component :item.sync="tipsShow"></component>

子组件

this.$emit('update:tipsShow',show)