為你寫的 Vue Components：從原子到系統，一步步用設計思維打造面面俱到的元件實戰力 (iThome 鐵人賽系列書)

打造高品質Vue Components的實戰設計指南
讓你成為可設計元件的專業人才
掌握Vue Components核心設計思維與實戰技巧
全面提升前端開發的維護性、擴充性與易用性

【專業推薦】
本書的書名叫《為你寫的Vue Components》，但我認為它其實也是「為未來的自己」寫的一本書。當你半年後、一年後再回來看專案時，你會很感謝今天有這樣一本書，幫你養成了正確的習慣。

─ Kuro Hsu，Vue.js Taiwan社群主辦人

程式設計的關鍵從來不是「什麼都自己刻」，而是理解「什麼該借、什麼該寫、什麼該放一邊」。希望你讀完後，能把這套心法內化，從「我會用」到「我會系統化設計」，開始為你自己而寫，讓未來的你感激現在的自己。

─ Alex，YouTuber Alex宅幹嘛

市面上絕大多數的書籍都在教如何使用工具，卻鮮有介紹如何設計好元件的書籍，《為你寫的Vue Components》正是少數真正聚焦在「設計」這件事上的著作。它不是告訴你怎麼用Vue，而是一步步帶你思考：為什麼這個元件應該這樣寫？

─ Anthony Fu，Vue核心團隊成員

本書從實際例子出發，對常見元件提供了從用例、主流庫的實現比較，無障礙到實作範例的深入分析，對於在這方面有興趣進階的開發者，是非常有價值的參考。

─ 尤雨溪，Vue.js作者

【內容簡介】
♚從基礎到進階：掌握元件開發的核心技巧與設計思維
♚原子元件設計：打造高可重用、易維護的元件庫
♚實戰案例導向：完整拆解從UI到邏輯的設計與實作過程
♚豐富技術細節：涵蓋高階開發技巧，全面提升實戰技能

本書改編自第16屆iThome鐵人賽Modern Web組冠軍系列文章《為你自己寫Vue Component》。在前端開發的世界裡，Vue Components是連結UI設計與商業邏輯的關鍵橋梁，從畫面呈現、資料綁定到可重用的功能模組，元件不只是程式碼片段，更是專案維護性、擴充性與團隊協作的核心。

《為你寫的Vue Components》將帶你從零開始，逐步建立屬於自己的元件設計思維。書中不僅示範如何撰寫高效、可擴充的元件，還深入探討如何實作鍵盤操作與無障礙設計的細節，而SSR應該注意的小訣竅，讓我們設計出來的元件不只自己好用，也為你身邊的各種角色帶來開發與生活上的便利性。

無論你是剛接觸Vue的新手，或是想精進架構與設計能力的前端工程師，本書都將是你打造高品質Vue Components的最佳指南。