vue組件傳值之$attrs、$listeners

當有父組件A，子組件B，孫子組件C的時候

A-B B-C 的傳值想必大家應該都非常熟悉了，通過props和$emit和$on來進行傳值

那么A-C之間的傳值要怎么做呢？

1、event.bus總線傳值

2、vuex   但是在項目不是很龐大，很復雜的時候使用vuex傳值顯得有點大材小用了

那要怎么做呢？下面就是我們要說的$attrs和$listeners,注意$attrs的類型為{ [key: string]: string } $listeners的類型為{ [key: string]: Function | Array<Function> }


 

組件A(父組件)：

 

組件B(子組件):

 

組件C(孫子組件)：

 

這樣 就實現了組件A中的message的值傳遞給了孫子組件C，在組件C中就可以獲取message的值