包含了⽗作⽤域中不作为 prop 被识别 (且获取) 的特性绑定 ( class
和 style
除外)。当⼀个组件没有
声明任何 prop
时,这⾥会包含所有⽗作⽤域的绑定 ( class
和 style
除外),并且可以通过 v-bind="$attrs"
传⼊内部组件——在创建⾼级别的组件时⾮常有⽤。
// child:并未在props中声明foo
<p>{{$attrs.foo}}</p>
// parent
<HelloWorld foo="foo"/>
// 给Grandson隔代传值,communication/index.vue
<Child2 msg="lalala" @some-event="onSomeEvent"></Child2>
// Child2做展开
<Grandson v-bind="$attrs" v-on="$listeners"></Grandson>
// Grandson使⽤
<div @click="$emit('some-event', 'msg from grandson')">
{{msg}}
</div>