vue2 $attrs/$listeners

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

1// child：并未在props中声明foo
2<p>{{$attrs.foo}}</p>
3// parent
4<HelloWorld foo="foo"/>
5// 给Grandson隔代传值，communication/index.vue
6<Child2 msg="lalala" @some-event="onSomeEvent"></Child2>
7// Child2做展开
8<Grandson v-bind="$attrs" v-on="$listeners"></Grandson>
9// Grandson使⽤
10<div @click="$emit('some-event', 'msg from grandson')">
11 {{msg}}
12</div>