溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
現在主流框架都以組件作為基本的抽象單元，而最早的前端開發是以頁面為單位，所有的html、css、js都在一個頁面里面，隨著后來慢慢由頁面轉到了應用，出現了模塊封裝、切分的需求，很快就發現應用其實可以抽象為組件樹的，組件樹的理解其實是以一種偏展示層的理解方式，react在這個領域最大的貢獻就是揭示了一個事實----組件可以是函數。整個應用是一個大的函數，每個組件是一個函數，每個組件又可以調用其它的函數。vue中組件是可復用的 Vue 實例。我們可以在一個通過 new Vue 創建的 Vue 根實例中，把這個組件作為自定義元素來使用，它們與 new Vue 接收類似例如 data、computed、watch、methods 以及生命周期鉤子這樣相同的選項，個人理解組件可分為以下幾類：
1.展示型
2.接入型 比如container，這類組件會與數據層的severs打交道，會包含一些跟服務器端數據端交互的邏輯，它會把數據往下傳傳給比較簡單的展示型組件
3.交互型 比如各類加強版的表單組件，大部分的現成組件庫，比如element ui 都是以交互型的組件為主，這一類組件會有比較復雜的交互邏輯，但又是一種非常通用的組件，所以通常強調復用,
4.功能型 比如 <router-view>，<transition>,比較抽象，它其實并不渲染任何內容，作為一種擴展、抽象機制存在。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
