iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Vue.js

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

我要和大家開啟一段 需求至上的 Vue 魔法之旅。 Vue.js 的簡潔高效語法糖與輕量靈活的架構,它讓構建前端介面像堆積積木般自然。整個系列將以 需求為核心 展開:從「想做什麼」開始,推導「需要哪些條件」,最後對應到「正確的 Vue 功能」。每篇文章都會先描繪真實情境與使用者故事,再用系統條件分析與 Mermaid 流程圖建立完整架構,最後以範例實作收尾。跟著這趟旅程,將學會如何把需求轉換成結構清晰、可維護的 Vue 3 應用,而不是死記 API 名詞。

參賽天數 3 天 | 共 3 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 0|起心動念與系列規劃

一、起心動念 三大框架都碰過,但 Vue.js 以 簡潔語法與輕量特性 讓我著迷。 曾喜愛過小眾框架 Riot.js,它的雙向綁定和 template 語法糖也...

2025-09-15 ‧ 由 roni 分享
DAY 2

Day 1:從「這不是我要的」開始:流程圖推導到 v-if 與 :disabled

前言|系列架構與 Chapter說明 這一系列文章的主軸是 「需求至上」的 Vue 3 學習之旅。我會預設大家都是有JS開發經驗的人~本篇章主要是把每個實戰按理...

2025-09-16 ‧ 由 roni 分享
DAY 3

Day 2 : 事件觸發的本質:為什麼需要 @click 才能把使用者行為轉成狀態

前言|延續 Day 1 的思維 昨天 Day 1 我們已經做出一個可以逐步選擇飲料、甜度、冰量的前端介面,並透過 @change 在使 用者選項改變時即時更新狀...

2025-09-17 ‧ 由 roni 分享