現(xiàn)在主流框架都以組件作為基本的抽象單元,而最早的前端開發(fā)是以頁(yè)面為單位,所有的html、css、js都在一個(gè)頁(yè)面里面,隨著后來慢慢由頁(yè)面轉(zhuǎn)到了應(yīng)用,出現(xiàn)了模塊封裝、切分的需求,很快就發(fā)現(xiàn)應(yīng)用其實(shí)可以抽象為組件樹的,組件樹的理解其實(shí)是以一種偏展示層的理解方式,react在這個(gè)領(lǐng)域大的貢獻(xiàn)就是揭示了一個(gè)事實(shí)----組件可以是函數(shù)。整個(gè)應(yīng)用是一個(gè)大的函數(shù),每個(gè)組件是一個(gè)函數(shù),每個(gè)組件又可以調(diào)用其它的函數(shù)。vue中組件是可復(fù)用的 Vue 實(shí)例。我們可以在一個(gè)通過 new Vue 創(chuàng)建的 Vue 根實(shí)例中,把這個(gè)組件作為自定義元素來使用,它們與 new Vue 接收類似例如 data、computed、watch、methods 以及生命周期鉤子這樣相同的選項(xiàng),個(gè)人理解組件可分為以下幾類:
1.展示型
2.接入型 比如container,這類組件會(huì)與數(shù)據(jù)層的severs打交道,會(huì)包含一些跟服務(wù)器端數(shù)據(jù)端交互的邏輯,它會(huì)把數(shù)據(jù)往下傳傳給比較簡(jiǎn)單的展示型組件
3.交互型 比如各類加強(qiáng)版的表單組件,大部分的現(xiàn)成組件庫(kù),比如element ui 都是以交互型的組件為主,這一類組件會(huì)有比較復(fù)雜的交互邏輯,但又是一種非常通用的組件,所以通常強(qiáng)調(diào)復(fù)用,
4.功能型 比如
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。