vue中组件之间的通信有哪几种方法？

（1） props /emit

父组件通过props向子组件传递数据，子组件通过$emit和父组件通信

父组件向子组件传值

• props只能是父组件向子组件进行传值，子组件的数据会随着父组件不断更新。
• props 可以显示定义一个或一个以上的数据，对于接收的数据，可以是各种数据类型，同样也可以传递一个函数。

子组件向父组件传值

• $emit绑定一个自定义事件，当这个事件被执行的时就会将参数传递给父组件，而父组件通过v-on监听并接收参数。

（2）依赖注入（provide / inject）

在层数很深的情况下，可以使用这种方法来进行传值。就不用一层一层的传递了。

• provide 钩子用来发送数据或方法
• inject钩子用来接收数据或方法

（3）ref / $refs

这种方式也是实现父子组件之间的通信。

ref： 这个属性用在子组件上，它的引用就指向了子组件的实例。可以通过实例来访问组件的数据和方法。

（4）$parent / $children

• 使用$parent可以让组件访问父组件的实例，会得到一个对象
• 使用$children可以让组件访问子组件的实例，会得到一个数组

1. $attrs / $listeners，实现组件之间的跨代通信。

·  $attrs：继承所有的父组件属性，一般用在子组件的子元素上

·  $listeners：该属性是一个对象，里面包含了作用在这个组件上的所有监听器，（可以配合 v-on="$listeners" 将所有的事件监听器指向这个组件的某个特定的子元素。（相当于子组件继承父组件的事件））