vue父子組件

新建  模板  小書匠 

為什么要厘清哪個是父組件，哪個是子組件？

一開始瀏覽器接收和要顯示的數據非常少，此時無需划分區域進行布局。隨着頁面數據量的增加，如果單純一個窗口來加載和顯示數據，是非常緩慢的。此時將主頁面充當父組件中轉，分發到子組件，將會大大降低父組件的壓力。

你可以想象你開了一個小餐館，自己可以充當廚師，收銀員和后勤進貨。當小餐館逐漸變成大酒店后，一個人是無法再兼任多職了。廚師可能還要分主廚，配菜，熱炒，打荷等。這些廚師如果不分清上下級，命令就無法有效抵達。

所以就有必要分清父子組件了，籠統來說，父是包含子的，當然vue也是這樣設計組件的。vue實例是最頂級的組件，它的components屬性里包含mycpn組件,所以vue是mycpn的父組件，mycpn是vue的子組件。它們之間可以相互傳遞消息。即上述的酒店模型的上下級指令傳達。

當一個組件的components屬性里包含另外一個組件時，該組件就是另外組件的父組件

子組件還能有子組件，即當子組件內的components屬性包含其他組件時，該子組件為其他組件的父組件。

頂級組件vue的components屬性包含mycpn組件,mycpn組件的components屬性又包含mychildcpn組件

如果對模板嵌套糊塗的同學請參考模板優化及局部注冊組件語法糖等章節進行知識回顧。
請務必理解相關語法糖，為接下來的父子通信做鋪墊。

https://www.cnblogs.com/singledogpro/p/12056925.html vue組件化之模板優化及注冊組件語法糖