本文深入探讨Vue中的$attrs和$listeners属性。$attrs用于传递非prop属性到子组件，当子组件不声明props时，这些属性会附加到最外层元素。通过设置inheritAttrs为false，可以避免属性自动继承，并利用v-bind="$attrs"进行自定义处理。$listeners则包含了父组件的所有监听器，可实现事件的批量传递。举例说明了如何使用它们进行属性透传和事件传播。
Vue中的 $attrs 和 $listeners
最近在研究 Vue 的组件库，之前也用过 $attrs 和 $listeners，官方文档描述的不太详细，也没有太好的例子，就没有深入的研究过这两个属性。最近生病在家，正好有时间好好研究一下 Vue 的高阶用法，写了几个 demo，下面我们来看看这两个属性到底有什么奥秘。
$attrs
我们先来看看官方文档的 api 描述是怎样描述 $attrs 的
乍一看可能有点懵，下面我们结合下面的例子来看看 $attrs 的作用
普通的 props 传值
先来看看下面的例子，我自己写了一个双向绑定的 input 的组件，来验证一下。
<!-- 父组件 -->
<mxx-input v-model="user.username" type="text" foo="foo"></mxx-input>
<!-- 子组件 -->
最低0.47元/天 解锁文章
3925
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
