vue里面的作用域都是孤立的,不允許在子組件的模板內(nèi)直接使用父組件的數(shù)據(jù).必須使用特定的方法來(lái)實(shí)現(xiàn)父子組件之間的數(shù)據(jù)傳遞.

1.父組件可以使用props來(lái)向子組件傳值,父組件中用v-bind來(lái)綁定傳給子組件的值:

子組件通過(guò)props接收父組件傳過(guò)來(lái)的值:

或者是給props添加一些通用的規(guī)則:

2.子組件向父組件傳遞數(shù)據(jù)

子組件觸發(fā)事件,使用$emit來(lái)遍歷自定義的事件"closeSendChange",并且返回參數(shù)false,這個(gè)自定義事件就相當(dāng)于一個(gè)中轉(zhuǎn)

父組件監(jiān)聽(tīng)子組件的事件: