基礎(chǔ)組件
它應(yīng)該是和業(yè)務(wù)無關(guān)的镶苞，只負(fù)責(zé)渲染給入的數(shù)據(jù)。比如按鈕是一個組件，可能有參數(shù)決定了它的尺寸翅敌，有參數(shù)決定了它是否可以點(diǎn)擊芙委，但是點(diǎn)擊這個按鈕之后會發(fā)生什么逞敷，就不是按鈕這個組件需要知道的事情了。
業(yè)務(wù)組件
對內(nèi)來看灌侣，它自己持有一些數(shù)據(jù)和方法推捐，用來決定渲染和行為，對外又是一個簡單的props接受數(shù)據(jù)侧啼，里面可以包含若干基礎(chǔ)組件牛柒。
HTML5 的一些語義標(biāo)簽，其實(shí)天然就是組件痊乾，例如頭部皮壁，腳部，導(dǎo)航欄哪审，側(cè)邊欄蛾魄，這些我們稍加改造就可以成為獨(dú)立的模塊組件。
頁面組件
按路由劃分湿滓，可以由若干模塊組件和一些基礎(chǔ)組件構(gòu)成滴须，類似傳統(tǒng)網(wǎng)站的分頁。
劃分的3個關(guān)鍵點(diǎn)：
1.完整組件方案：將組件視為一個獨(dú)立的產(chǎn)品叽奥，從多維度扔水，多場景輸出組件的方案和組合標(biāo)準(zhǔn)。
2.組件化思維：從需求出發(fā)朝氓，拆解頁面表達(dá)結(jié)構(gòu)和所需組件魔市。
3.通用頁面規(guī)則：通用的頁面與組件的柵格體系及替換規(guī)則。
