現(xiàn)在主流框架都以組件作為基本的抽象單元，而最早的前端開發(fā)是以頁面為單位，所有的html、css、js都在一個頁面里面，隨著后來慢慢由頁面轉(zhuǎn)到了應(yīng)用，出現(xiàn)了模塊封裝、切分的需求，很快就發(fā)現(xiàn)應(yīng)用其實可以抽象為組件樹的，組件樹的理解其實是以一種偏展示層的理解方式，react在這個領(lǐng)域最大的貢獻(xiàn)就是揭示了一個事實----組件可以是函數(shù)。整個應(yīng)用是一個大的函數(shù)，每個組件是一個函數(shù)，每個組件又可以調(diào)用其它的函數(shù)。vue中組件是可復(fù)用的 Vue 實例。我們可以在一個通過 new Vue 創(chuàng)建的 Vue 根實例中，把這個組件作為自定義元素來使用，它們與 new Vue 接收類似例如 data、computed、watch、methods 以及生命周期鉤子這樣相同的選項，個人理解組件可分為以下幾類：
1.展示型
2.接入型 比如container，這類組件會與數(shù)據(jù)層的severs打交道，會包含一些跟服務(wù)器端數(shù)據(jù)端交互的邏輯，它會把數(shù)據(jù)往下傳傳給比較簡單的展示型組件
3.交互型 比如各類加強(qiáng)版的表單組件，大部分的現(xiàn)成組件庫，比如element ui 都是以交互型的組件為主，這一類組件會有比較復(fù)雜的交互邏輯，但又是一種非常通用的組件，所以通常強(qiáng)調(diào)復(fù)用,
4.功能型 比如 ，,比較抽象，它其實并不渲染任何內(nèi)容，作為一種擴(kuò)展、抽象機(jī)制存在。

正鑲白網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計等網(wǎng)站項目制作，到程序開發(fā)，運營維護(hù)。創(chuàng)新互聯(lián)自2013年創(chuàng)立以來到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。