目录
（1）$props：当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象属性的访问。
（2）$attrs：包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。
（3）$listeners：包含了父作用域中(不含 .native 修饰器的)v-on事件监听器。他可以通过 v-on="listeners"传入内部组件
透传 Attributes 是指由父组件传入，且没有被子组件声明为 props 或是组件自定义事件的 attributes 和事件处理函数。
“透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 class、style 和 id。
当一个组件以单个元素为根作渲染时，透传的 attribute 会自动被添加到根元素上。举例来说，假如我们有一个
- <button>click mebutton>
一个父组件使用了这个组件，并且传入了 class：
<MyButton class="large" />最后渲染出的 DOM 结果是：
<button class="large">click me</button> 这里，class 声明为一个它所接受的 prop，所以 class 被视作透传 attribute，自动透传到了
class 和 style 的合并如果一个子组件的根元素已经有了 class 或 style attribute，它会和从父组件上继承的值合并。如果我们将之前的
- <button class="btn">click mebutton>
则最后渲染出的 DOM 结果会变成：
<button class="btn large">click me</button>v-on 监听器继承同样的规则也适用于 v-on 事件监听器
<MyButton @click="onClick" />click 监听器会被添加到 元素之上。当原生的 被点击，会触发父组件的 onClick 方法。同样的，如果原生 button 元素自身也通过 v-on 绑定了一个事件监听器，则这个监听器和从父组件继承的监听器都会被触发。
有些情况下一个组件会在根节点上渲染另一个组件。例如，我们重构一下
- <BaseButton />
此时
请注意：
透传的 attribute 不会包含
上声明过的 props 或是针对emits声明事件的v-on侦听函数，换句话说，声明过的 props 和侦听函数被“消费”了。透传的 attribute 若符合声明，也可以作为 props 传入
。
如果你不想要一个组件自动地继承 attribute，你可以在组件选项中设置 inheritAttrs: false。
最常见的需要禁用 attribute 继承的场景就是 attribute 需要应用在根节点以外的其他元素上。通过设置 inheritAttrs 选项为 false，你可以完全控制透传进来的 attribute 被如何使用。
vue2
Vue 2 的虚拟 DOM 实现对
class和styleattribute 有一些特殊处理。因此，与其它所有 attribute 不一样，它们没有被包含在$attrs中。上述行为在使用
inheritAttrs: false时会产生副作用：
$attrs中的 attribute 将不再被自动添加到根元素中，而是由开发者决定在哪添加。- 但是
class和style不属于$attrs，它们仍然会被应用到组件的根元素中：
- <template>
- <label>
- <input type="text" v-bind="$attrs" />
- </label>
- </template>
- <script>
- export default {
- inheritAttrs: false
- }
- </script>
vue3
从 3.3 开始你也可以直接在