1樓：NoBugs
簡單的元件封裝沒有那麼難，但要做高質量的元件還是很有難度的。也沒啥捷徑可言，就是多寫多練多實踐，從失敗中總結經驗，慢慢提高。可以從Switch、Radio簡單元件 -> Form表單元件（如Button、Select）-> Form、Table -> 組合元件這個路線開始。
還有一定要多用自己開發的元件，最好要給其他人使用，這樣才能發現問題，進行完善。
2樓：錦衣
這個問題我也蠻好奇的
我認為其中有個重難點是如何寫好測試用例
關於元件的封裝，除非是功能性複雜，或者需要涉及到一些演算法的元件，大部分在GitHub都可以參考（照搬）邏輯，因為這部分有很多基礎通用的東西，然後再混入自己的想法
3樓：春去春又來
做 element3 有段時間了
其中除了寫元件其實還涉及到很多點：
pr 過來如何驗證是否有沒有問題
需要了解 github action
需要搞定 unit test
需要 lint
如果讓使用者可以在多個壞境下使用 element3需要了解 rollup 或者 webpack需要了解要支援的壞境，比如 cjs、esm、gloabl 等如何規避 ref value 的心智負擔
需要配置 eslint
並且還需要深入了解 vue 的 eslint 配置如何規範開發元件的流程
我們採用的是 TDD ，所以需要學習 TDD如何避免任務衝突
需要了解任務分配等
如何管理乙個遠端兼職的團隊成員
需要了解... 其實我也不了解（逃）
太多了。。。想起來在說
元件庫這個東西
寫元件是乙個方面
前端工程化是另乙個方面
除此之外還要加上團隊管理
最後不要臉的求個 star ：element3
4樓：方應杭
最簡單的元件：會 CSS 就能封裝，比如布局元件簡單互動的元件：會 DOM 事件就能封裝，比如 Button 元件複雜互動的元件：
還需要一點點封裝技巧，比如 Pager 元件、Datapicker 元件、Form 元件
代替 Native 級別的互動元件：需要你對互動有很多經驗，比如普通 Scroll 元件、普通 RickText 元件、普通 Table 元件
效能增強元件：需要你有專門的演算法，比如支援虛擬滾動的 Scroll 元件、相容性強的 RickText 元件、功能強大的 Table 元件
大部分元件唯手熟爾，小部分元件需要專門的知識。
Vue怎麼實現載入網路元件（遠端元件）？
123木頭人 網路元件 Vue 3.2 引入了一種使用 Vue 元件 API 輕鬆建立原生自定義元素的新方法 defineCustomElement import from vue const MyVueElement defineCustomElement emits template 只用於 d...
元件裡vue乙個頁面肯定需要多個ajax傳送，這些請求標準的寫法是怎麼樣的啊？
先說結論 應該寫在子元件裡，父元件僅用來拼接，如果需要智慧型元件和木偶元件分離，那也只應該拆的是子元件，再在子元件加一層資料請求的高階元件。vue元件的標準思想是物件導向的思想，所以決定ajax寫哪的是需要看這個ajax請求，請求的是用來渲染子元件的資料還是父元件的資料。需要遵循單一職責原則，也要避...
vue中，父元件可以向子元件傳遞乙個元件（不僅是資料）嗎？
星鑽 這個很簡單，前些日子剛實現了乙個這樣的需求，具體實現方法可以參考v if這些自定義指令。寫乙個自定義指令去生成渲染元件即可。下面有些邏輯是因為是直接通過配置檔案去生成頁面的所以需要你自己去除相關邏輯 你看主邏輯就好了，有時間我給你稍微講解下 letFragmentFactory Vue Fra...