父子组件的值关系，子组件修改props传过来的对象类型值，继而改变父组件的值

组件的值关系，子组件修改props传过来的对象类型值，继而改变父组件的值"/>

父子组件的值关系，子组件修改props传过来的对象类型值，继而改变父组件的值

• vue2.0中，子组件中不能修改父组件的状态，否则在控制台中会报错。
• 比如，父组件传给子组件一个变量，子组件只能接收这个值，不能修改这个值，修改会报错。想要修改，只能赋值给另一个data中定义的变量
• 但是，这仅限于props为非数组及对象等引用类型数据，譬如字符串，数字等
• 如果props是对象的话，在子组件内修改props的话，父组件是不会报错的，父组件的值也会跟着改变

父组件传递给子组件一个对象，子组件将这个对象改了值，那么父组件中的值相应改变
为对象添加属性的时候，最好用这种方式增加，而不是直接点加，this.$set(this.food,'count',1)

例如：

//父组件
<template><div class="hello"><div>{{obj.a}}</div><child :obj="obj"></child></div>
</template>
<script>
import Child from './child'
export default {name: 'Parent',components:{Child},data () {return {obj: {a: 111111}}}
}
</script>//子组件
<template><div id="child"><button @click="changeObj">修改obj的属性值</button>{{obj}}</div>
</template>
<script>
export default {props:{obj:{type: Object,defalut:{a: 111}}},methods:{changeObj(){this.$set(this.obj,'a','2222222')}}
}
</script>