溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
現(xiàn)在主流框架都以組件作為基本的抽象單元，而最早的前端開發(fā)是以頁(yè)面為單位，所有的html、css、js都在一個(gè)頁(yè)面里面，隨著后來(lái)慢慢由頁(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è)組件作為自定義元素來(lái)使用，它們與 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.功能型 比如 <router-view>，<transition>,比較抽象，它其實(shí)并不渲染任何內(nèi)容，作為一種擴(kuò)展、抽象機(jī)制存在。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
