vue中使用props實(shí)現(xiàn)父組件向了組件傳遞數(shù)據(jù),具體總結(jié)如下

1.父組件使用props屬性,來(lái)聲明需要傳遞給子組件的數(shù)據(jù)

2.子組件用props屬性來(lái)定義它需要接收的數(shù)據(jù)。

3.子組件通過(guò)this.xxx來(lái)訪問(wèn)傳入的props數(shù)據(jù)4. props數(shù)據(jù)是單向綁定,父組件數(shù)據(jù)變化會(huì)反映到子組件,但反過(guò)來(lái)不行

5.props可以對(duì)數(shù)據(jù)類(lèi)型、必要性等進(jìn)行約束

6.props可以設(shè)置默認(rèn)值,在未傳遞該屬性時(shí)使用

7.使用駝峰命名傳遞prop時(shí),子組件引用需要使用相等的駝峰命名

8.最好不要在子組件內(nèi)部修改props數(shù)據(jù),可以使用data、computed來(lái)處理。

props讓父子組件解耦,提高了復(fù)用性和模塊化掌握props的使用可以更好地設(shè)計(jì)vue組件間的通信