vue2中$attrs 和 $listeners的使用

• 功能： 用于实现多层组件通信（多于父子组件通信层级）
• 用法：
  v-bind=$attrs 和 v-on=$listeners

1. vm.$attrs包含了父作用域中不作为prop被识别(且获取)的attribute绑定(class和style除外)。当一个组件没有声明任何prop时，这里会包含所有父作用域的绑定(class和style除外)，并且可以通过v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用。

2. vm.$listeners包含了父作用域中的(不含.native修饰器的)v-on事件监听器。它可以通过v-on="$listeners" 传入内部组件——在创建更高层次的组件时非常有用。

应用

• A > B > C >D

A组件中数据 ---> prop传递到子组件中
C组件获取A组件的属性：  ----可以this.$attrs获取未被props获取的A组件的属性
C组件传递信息给A组件:   --->  ----C组件内容通过this.$emit发送事件，中介$listeners， 最后由A组件接受事件