樣式設計其實是這個練習中最簡單的部分。步驟在不同框架中通常是相同的。
安裝 tailwindcss 和 DaisyUI
在 CSS 檔案中加入 DaisyUI...
第 17 天 - 在 HTML 模板中渲染動態內容
在第 17 天,我示範如何在元件中渲染動態內容。Vue 3 將內容投影到 slots,並可選擇性地顯示插槽屬...
建立 PlanPicker 元件
在第14天,我繼續重構 App 元件,將咖啡計畫清單抽取到新的 PlanPicker 元件中。這樣不僅讓 App 元件更乾淨,...
在第23天,我動態渲染警示(alert)的 SVG 圖示,因為動態渲染更易於維護(maintainable)、擴展(scalable)及高效(efficient...
第 15 天- Add a Coffee Plan Form
在第15天,我擴展了 PlanPicker 組件,加入了一個 AddCoffeePlan 組件,用...
之前在開發專案都是由純 HTML + CSS + JavasSript趁著這次參加鐵人賽,用「框架化」的方式來學習,挑戰看看 Vue.js!
簡單介紹一下 Vu...