父傳子：我們在 Parent.vue 元件裡面引用子元件 Childs.vue 然後傳入 userName 引數給子元件,Childs 在props裡面接收父元件傳傳來的資料。props可以傳入String、Number、Object、Boolen、Array等資料型別

然後在子元件中用props接受後，在子元件中使用該屬性

props還能直接接受一個物件

使用props接受父元件傳來的數值，還可以定義接受屬性的規則，例如傳入的型別，是否為必要值，以及預設值

如果傳入的數值不符合規則，則會丟擲錯誤

子傳父：子元件向父元件傳遞資料，不能像上面一樣實時的傳遞資料，必須通過 事件 觸發。我們通過 $emit 方法來向父子間傳遞資料，第一個引數為事件的 名稱 ，第二個為傳遞的 資料 ，是一個可選的引數。父元件必須監聽同樣的事件名稱才能監聽到我們的這個事件，事件丟擲的值必須通過 $event或者通過一個方法來訪問。

參考連結https://segmentfault.com/a/1190000018008914