(八)1組件間的通訊---輸入輸出屬性

黑盒模型 ——— 我不知道我從哪里來,我也不知道我要到那里去,我就在這里。
—— 馬丁路德.東

(一)輸入屬性就是被@Input屬性注解的屬性(父給子)

  1. 子組件的控制器的格式


    image.png

    2.父組件html定義輸入屬性但是子組件的數(shù)據(jù)變化不會(huì)影響父組件

image.png

(二)輸出屬性被@Output屬性裝飾(子發(fā)父)

語法很操蛋,又是一個(gè)什么訂閱什么 -----馬丁路德.東

1.priceQuote定義數(shù)據(jù)類型(只是這個(gè)例子需要而已)

image.png

2.子組件控制器的寫法

image.png

3.父組件初始寫法。

image.png

4.父組件HTML的初始寫法

image.png

5.父組件HTML添加時(shí)間綁定(注意虛參類型)

image.png

6.父組件控制器終極寫法

image.png

7.注意此處的名字可以設(shè)置

image.png

在這里設(shè)置


image.png

(三)父子組件之間數(shù)據(jù)互通的另一種寫法

1.子組件控制器聲明屬性

image.png

2.父組件模板綁定屬性

image.png

3.子組件控制器添加發(fā)射屬性

image.png

添加發(fā)射事件

image.png

這樣就實(shí)現(xiàn)了父組件的newRating和子組件的rating的數(shù)據(jù)共享。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,563評(píng)論 19 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,040評(píng)論 25 709
  • 從往年吹來的冷風(fēng)凍住了今天的夜, 用溫水化開黑暗,送服一場好夢(mèng)。 我們像兩只無家可歸的狗,蹭蹭鼻子 鉆進(jìn)時(shí)間的深處...
    莊諧閱讀 2,450評(píng)論 0 3
  • 午休 整個(gè)身體裹好了被子 枕頭的高度也沒由來的舒適 閉上眼睛 腦海里 就有那樣的 畫面 說不上來是什么顏色的天空 ...
    Ruby_Zhao閱讀 234評(píng)論 0 0
  • 今天開學(xué)第一天,小子表現(xiàn)的不錯(cuò)。放學(xué)后主動(dòng)整理發(fā)的新書,整理完后,捧著發(fā)的新書愛不釋手。小心翼翼地翻來數(shù)學(xué)課...
    肖睿媽媽閱讀 177評(píng)論 0 3

友情鏈接更多精彩內(nèi)容