系列文章
[為你自己寫 Vue Component] AtomicFormField
在一個專案當中，標單數入元件通常會有統一的外觀風格，讓整個系統看起來更一致、整齊。<AtomicFormField> 是用來渲染表單欄位的元件。它...
[為你自己寫 Vue Component] AtomicTextField
<input> 作為表單控制元素，是網頁開發中最常見的元素之一。<input> 的不同 type 設定會影響顯示的 UI，以及它所代表...
[為你自己寫 Vue Component] AtomicTextarea
<textarea> 與 <input type="text"> 有需多相似之處，甚至大多數的特性都是共通的，例如...
[為你自己寫 Vue Component] AtomicSelect
下拉選單（Select）在表單操作中非常常見。使用下拉選單可以在有限的空間內顯示大量選項，透過點擊來展開選單，使用者可以輕鬆瀏覽並選擇其中一個或多個選項。無論...
[為你自己寫 Vue Component] AtomicCheckbox
Checkbox 是一個常見的網頁元件，單個使用時可以表示在兩種狀態之間切換，多個一起使用時則允許使用者在這些選項中選擇一個或多個。它適合用於問卷調查、偏好設...
[為你自己寫 Vue Component] AtomicSwitch
開關（Switch）是用來表示 on 或 off 狀態的元件。它與 Checkbox 相似，但不同於 Checkbox 允許實現第三種中間狀態的選項，Swit...
[為你自己寫 Vue Component] AtomicRadio
Radio 是一種表單控制元件，通常用於使用者在一組選項中選取一個。在 UI 呈現上，通常顯示為圓形按鈕，當用戶選中時，按鈕會顯示填滿狀態，表示該選項已被選中...
[為你自己寫 Vue Component] AtomicRating
Rating 元件讓使用者可以對某項目進行評分，通常以星星或其他符號來表示評分等級。Rating 元件的核心功能是提供一種直觀的方式，讓使用者針對產品、服務或...
[為你自己寫 Vue Component] 設計 Server Side Rendering（Universal Rendering）友善的元件
在這個系列中，我們一共實作了約 27 種不同的 Atomic Components。但在實際開發上，我們不總是只需要顧好 Client Side Render...
[為你自己寫 Vue Component] 總結 & 感謝
這段時間真的是一段漫長的旅程。這是一個用盡全力想要塞入所有資訊的系列，回頭看某些元件，儘管我一開始就預期這些元件需要處理的功能非常多，最終的篇幅還是讓我有點驚...