2025 iThome 鐵人賽

2025 iThome 鐵人賽

沒在獨自升級的一起來

Vue.js

最新文章熱門文章

選手 21 文章 235

Day 3

2025-09-17

18

0

從零開始學習TypeScript、Vue.js !! 系列

Day 3

事件修飾符號學習事件修飾符號前，要先來回顧一下DOM事件的傳遞原理。當頁面觸發一個點擊事件時，事件會從父元件開始依次傳遞至子元件，這個過程通常形象地稱為事件捕...

Day 19

2025-09-19

17

0

在 Vue 過氣前要學的三十件事系列

在 Vue 過氣前要學的第十九件事 - 從單頁升級成多頁 ( 上 )

前言為什麼我們會需要 Vue Router，或放大來說: 為甚麼我們需要路由管理呢? 現代大多的前端框架都是採 SPA 架構，這也代表了頁面切換是不再依靠...

Day 7

2025-09-19

16

0

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

Day 7：星際迴圈 — v-for 的應用

在宇宙裡，星星可不會只有一顆。昨天我們學會了用 v-if / v-show 控制「要不要顯示」，但如果我們有一整片星座需要顯示在畫面上，難道要一個一個手刻嗎？這...

團隊 Orbit Coders

Day 5

2025-09-19

13

0

需求至上的 Vue 魔法之旅系列

Day 4 : 為什麼需要資料綁定？用「狀態→樣式」引出 :class

前言｜延續 Day 3 的思維昨天我們把姓名（必填）/ 備註（選填）加入點單，並用 v-model 打通「輸入 ↔ 狀態」；同時沿用 Day 1 的流程...

Day 6

2025-09-18

10

0

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

Day 6：條件星門 — v-if / v-show

昨天我們學了「雙向通信的引力」，透過 v-model 讓資料和畫面保持同步。但在宇宙航行的旅途中，不是所有的星門都能隨時開啟，有些星門需要「條件」才能打開。在...

團隊 Orbit Coders

Day 5

2025-09-19

8

0

Vue 新手學習紀錄系列

Day 5｜Computed + filter 製作簡易搜尋功能

今天打算製作簡易的搜尋功能，會使用到 v-model 和 computed 的概念 v-model 用來雙向綁定資料 computed 用來根據輸入自動計算結...

熱門文章

熱門系列

鐵人選手

工商時間