(聲明:文章多處引用其他出處双霍,忘記哪里的了)
前提:關(guān)系模型砚偶。
Vue組件關(guān)系圖.jpg
上圖關(guān)系基于:A、B組件同一時(shí)刻只存其一的情況下洒闸,其中:
1. A是C染坯、D、E的父組件丘逸,B是F单鹿、G、H的父組件
2. C深纲、D仲锄、E是A的子組件,F(xiàn)湃鹊、G儒喊、H是B的子組件
3. C和D、E是兄弟組件币呵,F(xiàn)和G怀愧、H是兄弟組件。但E富雅、F不是兄弟組件
4. A和B是無(wú)關(guān)系組件掸驱,E和F也是無(wú)關(guān)系組件
介紹
子組件通過(guò)$parent獲取父組件的數(shù)據(jù)和方法,這種傳值方式實(shí)際上類(lèi)似于上邊的屬性傳值中父組件給子組件的傳遞了子類(lèi)對(duì)象this
,只不過(guò)Vue官方給封裝好了没佑。
可獲取類(lèi)型
父組件屬性毕贼、父組件方法
適用場(chǎng)景
父組件給子組件傳值
操作步驟
直接在子組件中使用this.$parent.XX
,不需要做任何多余操作蛤奢。
示例代碼
子組件
getFatherProp(){
let fatherMsg = this.$parent.fatherMsg
},
getFatherMethod(){
this.$parent.fatherRun();
}