- 功能： 用于实现多层组件通信（多于父子组件通信层级）
- 用法：
v-bind=$attrs和v-on=$listeners
-
vm. a t t r s 包含了父作用域中不作为 p r o p 被识别 ( 且获取 ) 的 a t t r i b u t e 绑定 ( c l a s s 和 s t y l e 除外 ) 。当一个组件没有声明任何 p r o p 时，这里会包含所有父作用域的绑定 ( c l a s s 和 s t y l e 除外 ) ，并且可以通过 v − b i n d = " attrs 包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind=" attrs包含了父作用域中不作为prop被识别(且获取)的attribute绑定(class和style除外)。当一个组件没有声明任何prop时，这里会包含所有父作用域的绑定(class和style除外)，并且可以通过v−bind="attrs" 传入内部组件——在创建高级别的组件时非常有用。
-
vm. l i s t e n e r s 包含了父作用域中的 ( 不含 . n a t i v e 修饰器的 ) v − o n 事件监听器。它可以通过 v − o n = " listeners 包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on=" listeners包含了父作用域中的(不含.native修饰器的)v−on事件监听器。它可以通过v−on="listeners" 传入内部组件——在创建更高层次的组件时非常有用。
应用
- A > B > C >D
A组件中数据 ---> prop传递到子组件中
C组件获取A组件的属性： <C v-bind="$attrs"></C> ----可以this.$attrs获取未被props获取的A组件的属性
C组件传递信息给A组件: <C v-on="$listeners"></C> ---> <A @xxx="xx"><A> ----C组件内容通过this.$emit发送事件，中介$listeners， 最后由A组件接受事件
![P3017 [USACO11MAR] Brownie Slicing G](/images/no-images.jpg)
