第一: 容錯處理, 這個要做好, 極端場景要考慮到, 不能我傳錯了乙個引數你就原地**
第二: 預設值(預設值)要有, 一般把應用較多的設為預設值
第三: 顆粒化, 把元件拆分出來.
第四: 一切皆可配置, 如有必要, 元件裡面使用中文標點符號, 還是英文的標點符號, 都要考慮到
第五: 場景化, 如乙個dialog彈出, 還需要根據不同的狀態封裝成success, waring, 等
第六: 有詳細的文件/注釋和變更歷史, 能查到來龍去脈, 新版本加了什麼功能是因為什麼
第七: 元件名稱, 引數prop, emit, 名稱設計要通俗易懂, 最好能做到**即注釋這種程度
第八: 可拓展性, 前期可能不需要這個功能, 但是後期可能會用上, 要預留什麼, 要注意什麼, 心裡要有逼數
第九: 規範化,我這個input元件, 叫on-change, 我另外乙個select元件叫change, 信不信老子捶死你
第十: 分階段: 不是什麼都要一期開發完成看具體業務, 如果乙個select, 我只是個簡單的select功能, 什麼multi老子這個版本壓根不需要, 別tm瞎折騰! 給自己加戲
說說你對vue的mixin的理解，有哪些應用場景
mixin是物件導向程式設計語言中的類，提供了方法的實現。其他類可以訪問mixin類的方法而不必成為其子類 mixin類通常作為功能模組使用，在需要該功能時 混入 有利於 復用又避免了多繼承的複雜 先來看一下官方定義 mixin 混入 提供了一種非常靈活的方式，來分發vue元件中的可復用功能。本質其...
Vue全域性布局元件的設計
設計全域性布局元件，比如側邊欄，導航欄，標籤欄等。在博思考試系統專案中，由於所有頁面都要用到公共的布局元件，所有將他們封裝起來，這裡記錄一下用法。首先在router.js中設定相應的父級的元件。布局元件，layout.vue 這裡需要注意的是子元件的內容需要在父元件中寫才能顯示。這裡還有乙個注意點 ...
對vue大元件拆分的思考
元件化的vue給人的印象往往是快而小，簡潔明瞭，但隨著業務量和判斷邏輯的堆疊產生，可能也會誕生一些很大的元件。乙個元件的html的 量超過200行應該就算很大的元件了，今天對乙個超過400行的元件如何進行優化來進行討論。提高復用率 在乙個tob的工單介面，乙個工單卡片的元件可以被任何乙個狀態頁去組裝...