iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

Vue 前端工程師視角看 Flutter Web 系列

寫了十年 Vue 的前端工程師,先自首:我不信 Flutter Web。這系列不是勸你改寫 Flutter,是一個懷疑者的實測——把 Vue 的心智模型當座標系(reactivity、SFC、路由、狀態管理、建置部署、SEO),逐一對照 Flutter Web,看它到底行不行。每篇固定走「Vue 怎麼做 → Flutter Web 怎麼做 → 差異與坑」。實測數字出自同一組對照專案:Vue 版與 Flutter Web 版畫面一模一樣的訂票 side project,唯一變因是底層技術。另一個實驗變數:全程不學 Dart、用 AI agent 開發。30 天後給出可辯護的選型結論。

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

Day 11|vue-router 基礎回顧:history mode、路由守衛

模組三|Routing(Day 11–14) 先備:Day 2(widget 是建構子、不是標籤)、Day 7(頁面級 state 走 setState)。這...

2026-08-16 ‧ 由 harryfan 分享
DAY 12

Day 12|go_router 宣告式路由:對照 vue-router 設定方式

模組三|Routing(Day 11–14) 先備:Day 11(URL-first vs Stack-first 的世界觀差異)。本篇會出現 state.p...

2026-08-17 ‧ 由 harryfan 分享
DAY 13

Day 13|Navigator 2.0 底層機制:為什麼 Flutter 路由這麼複雜

模組三|Routing(Day 11–14) 先備:Day 11(堆疊即狀態)、Day 12(go_router 是這一層的封裝)。本篇的 code 是骨架示...

2026-08-18 ‧ 由 harryfan 分享
DAY 14

Day 14|深層連結(Deep Link)與 Web URL 同步策略比較

模組三|Routing(Day 11–14) 先備:Day 11(history mode 的伺服器 rewrite 義務)、Day 12(context.g...

2026-08-19 ‧ 由 harryfan 分享
DAY 15

Day 15|Pinia store 設計:state/getters/actions

模組四|狀態管理(Day 15–19) 先備:Day 6(依賴追蹤 track/trigger)、Day 8(ChangeNotifier 與 notifyL...

2026-08-20 ‧ 由 harryfan 分享
DAY 16

Day 16|Riverpod Provider 種類與使用場景

模組四|狀態管理(Day 15–19) 先備:Day 9(ref.watch/ref.read 的分工)、Day 15(Pinia 三件套與那兩個 any)。...

2026-08-21 ‧ 由 harryfan 分享
DAY 17

Day 17|Bloc 狀態機設計實戰

模組四|狀態管理(Day 15–19) 先備:Day 10(Bloc 的 add/on 形狀、sealed class)、Day 16(不可變狀態與 copy...

2026-08-22 ‧ 由 harryfan 分享
DAY 18

Day 18|跨模組狀態共享:Vue provide/inject vs Flutter InheritedWidget

模組四|狀態管理(Day 15–19) 先備:Day 8(InheritedWidget 是往下傳資料的底層機制)、Day 3(我埋的那個 Theme.of(...

2026-08-23 ‧ 由 harryfan 分享
DAY 19

Day 19|狀態管理選型結論:什麼情境選什麼

模組四|狀態管理(Day 15–19) 先備:Day 15–18(四天的對照)。這一篇是模組四的結論,可以單獨讀,但表格裡每一格背後的理由都在前四天。 四天...

2026-08-24 ‧ 由 harryfan 分享
DAY 20

Day 20|Vite build 流程與最佳化策略回顧

模組五|建置與部署(Day 20–24) 先備:Day 1(兩個對照 demo 的來歷)、Day 11(SPA 的 rewrite 原罪,Day 23 會再撞...

2026-08-25 ‧ 由 harryfan 分享