$attrs和$listener的使用

Vue2项目中跨组建通信方法有很多 比如eventbus或者provide inject,

 这里记录下$attrs和$listener的使用情况  

假设目前有三个组件A/B/C A是最上层组件 B为A的子组件 C为B的子组件 A>B>C 

A需要向C传值 而B用不到这个值 不需要props接收时 就可以使用$attrs和$listener 

A组件 

当B组件使用了$listener A可以直接@C组件中的自定义事件

B组件 使用$attr接收绑定给C组件  用$listener接收C组件的方法 在A组件中直接使用

C组件