vue2组件通信(十)——长辈传递后代$attrs/$listeners

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

// 爷
<Child2 :num="1" @info="info"></Child2>
methods: {
    info(){
        console.log("info")
    }
},
// 爸 Child2 直接进行展开传递下去
<Sun v-bind="$attrs" v-on="$listeners"></Sun>
// 孙 Sun
<div>
    Sun
{{$attrs.num}}
<button @click="$listeners.info">sun</button>
</div>