之前在開發專案都是由純 HTML + CSS + JavasSript趁著這次參加鐵人賽,用「框架化」的方式來學習,挑戰看看 Vue.js!
簡單介紹一下 Vu...
第 17 天 - 在 HTML 模板中渲染動態內容
在第 17 天,我示範如何在元件中渲染動態內容。Vue 3 將內容投影到 slots,並可選擇性地顯示插槽屬...
第 28 天 - 取得貼文作者
在第 28 天,我使用貼文的 userId 呼叫 users 端點來取得使用者名稱。
在 Vue 3 中,我建立了另一個 com...
在第26天,我檢視了 AlertBar 元件的程式碼,並發現兩項改進可以讓它更乾淨。
該元件包含一個靜態標籤 (static label) 和一個雙向綁定...
建立 PlanPicker 元件
在第14天,我繼續重構 App 元件,將咖啡計畫清單抽取到新的 PlanPicker 元件中。這樣不僅讓 App 元件更乾淨,...
在第23天,我動態渲染警示(alert)的 SVG 圖示,因為動態渲染更易於維護(maintainable)、擴展(scalable)及高效(efficient...