前言 vue通信手段有很多种，props/emit、vuex、event bus、provide/inject 等。还有一种通信方式，那就是 $attrs 和 $listeners，之前早就听说这两个api，趁着有空来补补。这种方式挺优雅，使用起来也不赖。下面例子都会通过父、子、孙子，三者的关系 ...

前言 vue通信手段有很多种，props/emit、vuex、event bus、provide/inject 等。还有一种通信方式，那就是 $attrs 和 $listeners，之前早就听说这两个api，趁着有空来补补。这种方式挺优雅，使用起来也不赖。下面例子都会通过父、子、孙子，三者的关系 ...

有些变态需求：比如说A父组件里面导入了B组件，可是B组件里面又导入了C组件，现在需要A父组件传值给C组件，或者是C组件需要传值给父组件，这时候就需要用到$attrs和$listeners了。 $attrs 　　　　包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 ...

了 那要怎么做呢？下面就是我们要说的$attrs和$listeners,注意$attrs的类型为{ [k ...

vue组件之间的通信有很多种方式，最常用到的就是父子组件之间的传值，但是当项目工程比较大的时候，就会出现兄弟组件之间的传值，跨级组件之间的传值。不可否认，这些都可以类似父子组件一级一级的转换传递，但是当项目比较大，功能比较复杂的时候，就会变得比较冗余，代码不利于维护；这时候可能会有很多人使用 ...

A组件与C组件怎么通信，我们有多少种解决方案？ 我们使用VueX来进行数据管理，但是如果项目中多个组件共享状态比较少，项目比较小，并且全局状态比较少,那使用VueX来实现该功能，并没有发挥出VueX的威力。 使用B来做中转站，当A组件需要把信息传给C组件时，B接受A组件的信息，然后利用 ...

多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。如果仅仅是传递数据，而不做中间处理，使用 vuex 处理，这就有点大材小用了。所以就有了 $attrs / $listeners ，通常配合 inheritAttrs 一起使用。 inheritAttrs：默认值为 true ...

Vue中的 $attrs 和 $listeners 最近在研究 Vue 的组件库，之前也用过 $attrs 和 $listeners，官方文档描述的不太详细，也没有太好的例子，就没有深入的研究过这两个属性。最近生病在家，正好有时间好好研究一下 Vue 的高阶用法，写了几个 demo，下面 ...