定義:無條件才是最大的條件 。
? ? ? ? ? ? 對于組件,最好的狀態就是沒有狀態 ,正如上面定義所說,組件內限定條件越是存在的少,甚至沒有那才是組件組好的狀態。內部組件不存在限定條件,所有組件信息都由外部傳遞進來 。(至于樣式參數,是否也從外部獲取,就要取決于項目中的限定)
讓你的代碼更容易碎片化以達到復用的目的。
小模塊可以分為很多單一的小功能組成。
較小的模塊更容易看懂 維護 復用和調試。
目的
減少生產力消耗,降低項目成本。
最大程度保留組件通用性
每個組件應該保持單一 獨立 可復用 可測試
把你很大的模塊拆分成單一的小組件,盡量保持最少的代碼達到效果,保持組件獨立。
最好是寫個組件應用的小demo,把單個組件狀態或者樣式表達出來。
組件命名
?語義化命名。(應避免關鍵詞命名,可攜帶前綴為公司,或者項目名,庫名 )
最好是2-3個單詞。
考慮其他項目復用進行命名。
標明需要父組件或者兄弟組件傳遞進去的參數
封裝元素?
1,封裝可重用的代碼
2,封裝自定義元素(頁面UI,自定義功能等)
3,封裝一些方法
組件使用
1,創建組件(同編寫vue頁面相同)
2,父組件或者兄弟組件引入 (import方法引入)
3,傳遞參數(具體參考父子,兄弟組件傳遞參數方法)
組件檢測
如何檢查組件的成功度,或者完美程度,通用前提下無參數狀態的呈現。這個沒有具體要求,根據個人標準,或者項目中組件引入狀態評定。