組件,是一個具有一定功能,且不同組件間功能相對獨立的模塊。高內聚、低耦合。
開發可復用性的組件應遵循以下原則:
1.規范化命名:組件的命名應該跟業務無關,而是依據組件的功能命名。
2.數據扁平化:
定義組件接口時,盡量不要將整個對象作為一個 prop 傳進來。每個 prop 應該是一個簡單類型的數據。這樣做有下列幾點好處:
(1) 組件接口清晰。
(2) props 校驗方便。(3) 當服務端返回的對象中的 key 名稱與組件接口不一樣時,不需要重新構造一個對象。
扁平化的 props 能讓我們更直觀地理解組件的接口。
3.可復用組件只實現 UI 相關的功能,即展示、交互、動畫,如何獲取數據跟它無關,因此不要在組件內部去獲取數據。
4.可復用組件應盡量減少對外部條件的依賴。
5.組件在功能獨立的前提下應該盡量簡單,越簡單的組件可復用性越強。
6.組件應具有一定的容錯性。