1.父?jìng)髯?，子接受用props

? a.父組件中要做的事情

? ? ? 在父組件中引入子組件：

并在components中聲明該組件

b.子組件中要做的事情

? ? ?在子組件中props的方式接受，這里有兩種方法：props:['rules','model'],還有就是圖片中對(duì)象的方式，只是對(duì)象的方式能夠設(shè)定傳值的類(lèi)型。

在子組件中的使用如第二個(gè)紅色的標(biāo)出的部分，直接使用? this.rules

2.子傳父，子用$emit（派發(fā)自定義事件）

父子組件間傳值是單向數(shù)據(jù)流，即父?jìng)髯?，但是子不能修改被傳過(guò)來(lái)的數(shù)值，如果子要修改還需通知父組件來(lái)修改（目前學(xué)到的內(nèi)容來(lái)說(shuō)是這樣的），所以父?jìng)髯拥臅r(shí)候，是傳遞事件，并在父組件中調(diào)用該函數(shù)

a.父組件要做的

在父組件中引入子組件，如圖所示

第二幅圖，即為綁定的事件傳參即為子傳給父的數(shù)據(jù)

b.子組件

3.父子組件數(shù)據(jù)的雙向綁定

在子中改父中也可以檢測(cè)到，就像v-model一樣，（v-model是value="inputvalue" @input="inputHandler"封裝的語(yǔ)法糖）

在子組件中的設(shè)置：

此處的 :value="inputvalue" @input="inputHandler" 就是實(shí)現(xiàn)與父組件雙向綁定的關(guān)鍵