怎样理解VUE的单向数据流

VUE的props是单向数据流，父元素每次的传递字段更新都会通过props传递给子元素，子元素通过props接收，但是不可以直接更改props数据，不然会报错，子元素可以自己在data中定义一个变量接收props中的数据进行更改，也可以使用watch或者computed方法，如何想要更改父元素的数据，可以通过this.$emit()方式改变父元素的数据

父元素给子元素传递数据

// 父元素
<div>
  <report-details :id="id"/> 
</div>
// 子元素
export default {
  props:["id"],
  data () {
    return {
	newId: this.id
        }
    }
}