iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Vue.js

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

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

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

Day 15.5 : 傳送門進階術 - 用 Vue Router 讓頁面與連結說話

前言 在第 1–14 天,我們把「點餐術」練到能下單、驗證、統計,還會和伺服器對話。但真正的產品,還需要清晰的入口與可分享的路徑——這就是 Vue Router...

DAY 22

Day 16 : 結界與通行證:登入、權限與路由守衛

前言 在魔法學院裡,並非每個房間都對所有人敞開。有的房間需要通行證(token),有的房間只對長老(admin)開放。今天,我們在 Day15 的「傳送門術(V...

DAY 23

Chapter 3:Vue 魔法生命師法順序 — 觀察、召喚與解除的時機

前言 在飲料魔法學院裡,每一個元件(Component)都不是靜止的存在。它們誕生於魔法師的召喚(onMounted),在運行中感受能量波動(watch / w...

DAY 24

Day 17 : 多語系施法術:Vue i18n 靜態 + 後端動態字典完整實戰

前言 相信到這個地步,我們身為厲害的魔法師一定會需要與各國的魔法師交流~這時候就需要多國語言的處理~!! 今天我們把語言切換這門魔法真正施展起來!在小型專案裡,...