2025 iThome 鐵人賽

2025 iThome 鐵人賽

沒在獨自升級的一起來

Vue.js

最新文章熱門文章

選手 21 文章 466

Day 10

2025-09-22

139

0

邊學邊做：Vue.js 實戰養成計畫系列

Day 10：CSS 星塵 — Vue 中的樣式與 class 綁定

為什麼要綁定樣式？靜態 class：固定造型（例如 .planet）。就像在衣服上縫死的布標籤。例子：<div class="planet&...

團隊 Orbit Coders

Day 6

2025-09-20

139

0

完成_個人健康習慣追蹤相關功能網站系列

CSS 基礎美化（排版、字體、間距）

到昨天（Day 5）為止，我們的任務清單網站已經能夠：新增任務、勾選完成、刪除任務，功能雖然齊全，但畫面還是很陽春。就像是一間剛裝潢好的房子，家具雖然都有，但沒...

Day 21

2025-10-03

138

0

邊學邊做：Vue.js 實戰養成計畫系列

Day 21：共享能量池 — 跨元件資料共享（store 實作）

今天要學什麼？1.多個元件取用同一個 store→ 例如星艦的「燃料」狀態，在駕駛艙顯示剩餘量，在維修艙也能操作加油。 2.修改資料的影響是同步的→ 任何一個元...

團隊 Orbit Coders

Day 26

2025-10-10

138

0

完成_個人健康習慣追蹤相關功能網站系列

少即是多——用 computed 打造高效的 Vue 程式

當任務越多、畫面越複雜，效能問題就會悄悄浮現，一開始我以為「快」的關鍵是寫更短的程式、或是加快事件處理，但今天才真正理解，程式變快的關鍵，其實是「少做一點」，在...

Day 16

2025-09-23

138

0

Vue3.6 的革新：深入理解 Composition API 系列

Day 16: 讓組合更快的關鍵 - 寫出真正可拼裝的 composable

昨天我們提到，Vue 3.6 在底層 runtime 針對「多個 composable 的組合」做了效能優化：透過 EffectScope 與依賴追蹤的改進，...

Day 2

2025-09-16

138

0

Vue 新手學習紀錄系列

Day 2｜首頁 Layout：建立網站 Header

新增 Header 元件在 src/components 內新增一個 Header.vue 用來放 header 的程式碼 <template>...

熱門文章

熱門系列

鐵人選手

工商時間