現在主流框架都以組件作為基本的抽象單元,而最早的前端開發(fā)是以頁面為單位,所有的html、css、js都在一個頁面里面,隨著后來慢慢由頁面轉到了應用,出現了模塊封裝、切分的需求,很快就發(fā)現應用其實可以抽象為組件樹的,組件樹的理解其實是以一種偏展示層的理解方式,react在這個領域大的貢獻就是揭示了一個事實----組件可以是函數。整個應用是一個大的函數,每個組件是一個函數,每個組件又可以調用其它的函數。vue中組件是可復用的 Vue 實例。我們可以在一個通過 new Vue 創(chuàng)建的 Vue 根實例中,把這個組件作為自定義元素來使用,它們與 new Vue 接收類似例如 data、computed、watch、methods 以及生命周期鉤子這樣相同的選項,個人理解組件可分為以下幾類:
1.展示型
2.接入型 比如container,這類組件會與數據層的severs打交道,會包含一些跟服務器端數據端交互的邏輯,它會把數據往下傳傳給比較簡單的展示型組件
3.交互型 比如各類加強版的表單組件,大部分的現成組件庫,比如element ui 都是以交互型的組件為主,這一類組件會有比較復雜的交互邏輯,但又是一種非常通用的組件,所以通常強調復用,
4.功能型 比如 <router-view>,<transition>,比較抽象,它其實并不渲染任何內容,作為一種擴展、抽象機制存在。
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
本文名稱:vue組件的理解-創(chuàng)新互聯(lián)
文章URL:http://aaarwkj.com/article38/codjpp.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供標簽優(yōu)化、網站改版、網站建設、ChatGPT、全網營銷推廣、移動網站建設
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)