一.
組件的輸入屬性 適用于父子組件
例子 ：
我們在子組件中聲明了兩個輸入屬性
image.png
我們在子組件模板中寫下
image.png
我們在父組件的模板中寫下
image.png
我們在父組件中聲明
image.png
完成的效果如下
image.png
當(dāng)我們選擇在子組件中添加一個事件
image.png
得到的效果如下 這個主要想說明的是 ***********************************************
***********************************************************************************************************************************************************************************************************************************綁定是單向的只有父組件的值改變子組件 子組件的值改變不會影響父組件
image.png
二.
組件的輸出屬性
如下圖 我們在子組件中定義了一個輸出的屬性 注意里面?zhèn)鬏數(shù)姆盒皖愋?/p>
image.png
于此同時 我們需要在父組件中接收這個發(fā)送出來的泛型類型
image.png
并在父組件的模板中定義一下
image.png
上面我們介紹的是父子之間的通訊方式 下面我們要介紹當(dāng)兩個組件不存在父子組件的關(guān)系時候需要做的處理
三 中間人模式
我們在子組件模板中聲明
image.png
同時 我們在子組件上
image.png
image.png
同時我們在另一個子組件上 這個子組件有一個輸入屬性
image.png
同時我們在另一個子組件的模板上 定義
image.png
同時我們在父組件上
image.png
下面是 父組件模板的寫法
image.png
四：
如果兩個組件沒有共同的父組件 使用一個可以注入的服務(wù)作為中間人 組件訂閱服務(wù)的輸出流
