prop和$ref之間的區別： prop 着重於數據的傳遞，它並不能調用子組件里的屬性和方法。像創建文章組件時，自定義標題和內容這樣的使用場景，最適合使用prop。 $ref 着重於索引，主要用來調用子組件里的屬性和方法，其實並不擅長數據傳遞。而且ref用在dom元素的時候，能使到選擇器的作用 ...

前言 vue通信手段有很多種，props/emit、vuex、event bus、provide/inject 等。還有一種通信方式，那就是 $attrs 和 $listeners，之前早就聽說這兩個api，趁着有空來補補。這種方式挺優雅，使用起來也不賴。下面例子都會通過父、子、孫子，三者的關系 ...

前言 vue通信手段有很多種，props/emit、vuex、event bus、provide/inject 等。還有一種通信方式，那就是 $attrs 和 $listeners，之前早就聽說這兩個api，趁着有空來補補。這種方式挺優雅，使用起來也不賴。下面例子都會通過父、子、孫子，三者的關系 ...

前言 vue通信手段有很多種，props/emit、vuex、event bus、provide/inject 等。還有一種通信方式，那就是 $attrs 和 $listeners，之前早就聽說這兩個api，趁着有空來補補。這種方式挺優雅，使用起來也不賴。下面例子都會通過父、子、孫子，三者的關系 ...

一、父組件向子組件傳值 1、首先創建父組件（parent）和子組件（child），並在父組件中注冊子組件 2、在父組件調用子組件標簽中添加一個自定義屬性（msg） 3、在子組件的props中將父組件中自定義屬性（msg）添加進去，則該屬性在子組件中可以像data中定義的屬性一樣使用 ...

遇到多級組件嵌套傳值的時候我們想到的應該是 　　1.props 和 $emit (如果嵌套組件過多的話，會使代碼邏輯過於繁瑣) 　　2. Vuex (一般用於大型項目中，只是用來傳值有點大材小用了) 　　3. Bus (建一個公共的js雙方傳值和獲取值，這種方法不能很好的實現事件監聽 ...

vue組件之間的通信有很多種方式，最常用到的就是父子組件之間的傳值，但是當項目工程比較大的時候，就會出現兄弟組件之間的傳值，跨級組件之間的傳值。不可否認，這些都可以類似父子組件一級一級的轉換傳遞，但是當項目比較大，功能比較復雜的時候，就會變得比較冗余，代碼不利於維護；這時候可能會有很多人使用 ...

$attrs 場景:如果父傳子有很多值,那么在子組件需要定義多個 props 解決:$attrs獲取子傳父中未在 props 定義的值 注意：相對應的如果子組件定義了 props,打印的值就是剔除定義的屬性 2.$listeners 場景:子組件需要調用父組件的方法 解決:父 ...