頁(yè)面上每個(gè)獨(dú)立的可視/可交互區(qū)域都可以視為一個(gè)組件。比如一個(gè)頁(yè)面的頭部、尾部,和一些可復(fù)用的區(qū)塊都可以抽象成組件。
每個(gè)組件對(duì)應(yīng)一個(gè)工程目錄,組件所需要的各種資源在這個(gè)目錄下就近維護(hù)。這個(gè)就近維護(hù)原則其實(shí)就體現(xiàn)了前端工程化的思想,它給前端開發(fā)提供了很好的分治策略,每個(gè)開發(fā)者都將清楚的知道自己開發(fā)維護(hù)的功能單元,它的代碼必然存在于組件所在的目錄中,在那個(gè)目錄中就可以找到功能單元中的所有功能邏輯,js,css。
頁(yè)面不過是組件的容器,組件可以嵌套自由組合形成完整的頁(yè)面。