vue------组件之间通信（数据传递）

一、父子组件之间

1、父组件--->数据--->子组件

a、在父组件中调用子组件，并通过绑定属性的方式传递

b、在子组件中通过props的属性来接收这个数据

例：

2、子组件--->数据--->父组件

通过事件的方式来传递数据

a、在父组件中定义一个方法，来接收子组件通过事件发送来的数据，函数接收一个参数，就是子组件传来的数据

b、在父组件中，给子组件模板绑定一个自定义事件处理函数

c、在子组件中触发事件，通过$emit()方法传递数据，$emit有两个参数，第一个为在父组件中子组件模板绑定的自定义事件，第二个为要发送的数据

例：

分割线----------------------------------------------------------------------------------------------------------------------------------------------------------

以上为第一种方法，还有一种是通过$parent、$refs来直接获取数据，注意：这种方法只能获取组件中data属性中的数据

例：

二、兄弟组件之间

a、先声明一个公共的vue对象

b、发送方通过$emit()发送数据

c、接收方通过$on()接收数据

例：