vue中$attrs

$attrs 用来保存给子组件绑定了，但子组件没有接收的数据，如下：

// 父组件
...
<School v-bind="{a, b, c}"></School>
...

// 子组件 School
...
props: ['a', 'b']
...

打印子组件的 $attrs，如下所示：

 

 

 通常，此属性可以用来跨组件通信，比如父组件想传给子子组件，可以使用如下方法：

// 父组件
...
<School v-bind="{a, b, c}"></School>
...

// 子组件 School
...
<Class v-bind="$attrs"></Class>
...
props:[],
...

// 子子组件 Class
...
props:['a', 'b', 'c'],
...

此时，子子组件可以接收到来自父组件的数据