vue-組件定義

定義:無條件才是最大的條件 。

? ? ? ? ? ? 對于組件,最好的狀態就是沒有狀態 ,正如上面定義所說,組件內限定條件越是存在的少,甚至沒有那才是組件組好的狀態。內部組件不存在限定條件,所有組件信息都由外部傳遞進來 。(至于樣式參數,是否也從外部獲取,就要取決于項目中的限定)

讓你的代碼更容易碎片化以達到復用的目的。

小模塊可以分為很多單一的小功能組成。

較小的模塊更容易看懂 維護 復用和調試。

目的

減少生產力消耗,降低項目成本。

最大程度保留組件通用性

每個組件應該保持單一 獨立 可復用 可測試

把你很大的模塊拆分成單一的小組件,盡量保持最少的代碼達到效果,保持組件獨立。

最好是寫個組件應用的小demo,把單個組件狀態或者樣式表達出來。

組件命名

?語義化命名。(應避免關鍵詞命名,可攜帶前綴為公司,或者項目名,庫名 )

最好是2-3個單詞。

考慮其他項目復用進行命名。

標明需要父組件或者兄弟組件傳遞進去的參數

封裝元素?

1,封裝可重用的代碼

2,封裝自定義元素(頁面UI,自定義功能等)

3,封裝一些方法

組件使用

1,創建組件(同編寫vue頁面相同)

2,父組件或者兄弟組件引入 (import方法引入)

3,傳遞參數(具體參考父子,兄弟組件傳遞參數方法)

組件檢測

如何檢查組件的成功度,或者完美程度,通用前提下無參數狀態的呈現。這個沒有具體要求,根據個人標準,或者項目中組件引入狀態評定。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網絡請求組件 FMDB本地數據庫組件 SD...
    陽明AGI閱讀 16,003評論 3 119
  • 最近接連幾周看了東野圭吾的幾本小說,從《白夜行》、《秘密》、到《虛無的十字架》,每次看他的小說都會覺得很過癮,有種...
    batheny閱讀 373評論 2 1
  • 今日體驗:今天福特翼虎要交車了,稍微緊盯了一下,可還是有點色差,給客戶溝通后,答應給客戶重新噴漆。核心:一切以客戶...
    京心達王繹龍閱讀 98評論 0 0
  • 1,安裝node2,安裝腳手架 安裝完成后直接敲 vue 驗證安裝是否成功3,開始創建一個新項目 4,創建項目完成...
    杜鄉的AGG閱讀 569評論 0 51
  • 從懷孕那會兒,我就是個堅定的母乳主義者,暗自下決心要喂哺π至自然離乳。期間因勞累、夜醒、蛀牙等問題,無數次產生過斷...
    沈無醉閱讀 533評論 0 0