我們從一個(gè)例子來學(xué)習(xí)組件,vuejs2.0實(shí)戰(zhàn):仿豆瓣app項(xiàng)目,創(chuàng)建自定義組件tabbar

這個(gè)例子用到其他組件,對于初學(xué)者來說,一下子要了解那么多組件的使用,會變得一頭霧水。所以我把這個(gè)例子改寫了一下,只需要依賴Vue.

然后最好FQ安裝一個(gè)chrome的擴(kuò)展 vue-devtools,這樣可以更好看到組件的內(nèi)容

 

組件(Component)是 Vue.js 最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML 元素,封裝可重用的代碼。

在較高層面上,組件是自定義元素, Vue.js 的編譯器為它添加特殊功能。在有些情況下,組件也可以是原生 HTML 元素的形式,以 is 特性擴(kuò)展。 

父子組件的關(guān)系可以總結(jié)為 props down, events up 。父組件通過 props 向下傳遞數(shù)據(jù)給子組件,子組件通過 events 給父組件發(fā)送消息。

 

網(wǎng)友評論