vue中父子组件通信的理解

一 父传子：子组件使用了父组件的数据

1.使用场景：父组件控制数据，子组件控制展示的结构，父组件需要将数据给子组件。

2.语法：父组件通过自定义属性传值，子组件通过props接收

二 子传父：子组件用了父组件的方法

1.使用场景：子组件要修改父组件的值：子传父。

2.语法：父组件绑定了一个自定义事件，子组件通过$emit()触发这个自定义事件

三 非父子组件通信：

1.在Vue原型链上绑定一个EventBus 2.接收方通过$on 绑定自定义事件 3.发送方通过$emit()触发自定义事件

四 父组件和子组件修改数据情景分析

1.默认是 父变，子变；子变，父不变，还要报错。

2.如果想要子组件修改父组件的值，应该让子组件通知父组件，父组件自己修改。（子传父）

3.我们希望父变，子变，子变父变。传递引用类型。