Vue组件传值（三）之 深层嵌套组件传值 - $attrs 和 $listeners

$attrs

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

$listener

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

 

　　　　以上内容参考官网：https://cn.vuejs.org/v2/api/#vm-attrs

直接看使用代码：

 1 在父组件当中，最外层组件
 2 
 3 
 9 

 1 //在子组件中
 2 
 3 
14 

 1 //在孙子组件当中：
 2 
 3 
 4 
12 

 

转载于:https://www.cnblogs.com/yuzhongyu/p/10490228.html