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

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

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

 

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

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

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

 

延伸閱讀

學習是年輕人改變自己的最好方式-Java培訓,做最負責任的教育,學習改變命運,軟件學習,再就業(yè),大學生如何就業(yè),幫大學生找到好工作,lphotoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網(wǎng)站設計培訓,網(wǎng)站建設培訓學習是年輕人改變自己的最好方式