iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

Vue 演進驗證 × AI Coding 時代的工程實踐 系列

去年,我從 Vue 3.6 的 Composition API 開始,重新理解 Vue 的設計。今年想繼續往下追:Vue 升級後,到底真的改善了什麼?

這次從過去實戰中遇到的痛點出發,跟 AI 一起做實驗、跑不同情境、看數據,找出 Framework 與 Architecture 各自該負責什麼。

我們很清楚 Vibe Coding 勢在必行。只是當 AI 能幫我們完成需求、產生更多 Code,我們是不是更需要知道:什麼該交給 AI?什麼該交給 Framework?什麼事情還是需要自己判斷?

這就是今年這 30 天想一起聊的事情。

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

Day 1:為什麼不再介紹 Vue 新功能,而是驗證 Vue 演進?

以前遇到首頁載入慢,我的第一反應其實很單純,前端能做優化的都優化,像是圖片壓縮、改 .webp、減少資源……,做了一輪之後,速度確實有變好,可是沒有想像中那麼多...

2026-09-01 ‧ 由 kuku 分享
DAY 2

Day 2:大型 Vue 專案真正遇到的 Runtime 痛點

有沒有一種可能…不是 Vue 很慢,而是自己根本不知道到底哪裡慢?🤔 「首頁怎麼又變慢了?」 這句話,大概是我從前公司到現在只要遇到大型 Vue 專案最常聽...

2026-09-02 ‧ 由 kuku 分享
DAY 3

Day 3:建立 Vue Pain Validation Lab

基於誠信真實痛點的公司專案不能公開,只能重新打造可用的環境 前兩天,我們先把大型 Vue 專案裡那些「真的會痛」的問題整理出來。 首頁 Loading 很慢...

2026-09-03 ‧ 由 kuku 分享
DAY 4

Day 4:別急著比較 Vue,先讓實驗公平

如果比較方式不公平,Scenario 再漂亮也沒有意義 昨天,我們把大型 Vue 專案的痛點做成了六個 Scenario,但是現在有一個問題:如果 Vue...

2026-09-04 ‧ 由 kuku 分享
DAY 5

Day 5:建立 Evidence Matrix:我要看什麼證據?

我們到底要看什麼,才能說 Vue 真的變好了? 同一份 Lab、同樣的資料量、同樣的操作、同樣的環境,如果其中一個 Benchmark 變快,真的代表使用者...

2026-09-05 ‧ 由 kuku 分享
DAY 6

Day 6:為什麼 Reactive 會變成 Hell?

明明只改了一個欄位,為什麼整個頁面卻開始忙起來了? 從今天開始,正式進入第一個 Runtime Pain Reactive Chain Hell ,它有趣的...

2026-09-06 ‧ 由 kuku 分享
DAY 7

Day 7:如何把 Reactive Hell 變成一個可以量測的實驗?

如果 Reactive Hell 只是一種「感覺」,那我們永遠只能說它很慢;只有把它變成可重複的實驗,才有辦法知道到底慢在哪裡。 前一天,我們把大型 Vue...

2026-09-07 ‧ 由 kuku 分享
DAY 8

Day 8:Vue 3.5 Baseline - 建立目前 Runtime 行為的觀察基準

Baseline 不是為了證明 Vue 3.5 好或不好,只是先留下「升級以前的樣子」 昨天,我們讓 Reactive Chain Generator 可以...

2026-09-08 ‧ 由 kuku 分享
DAY 9

Day 9:Vue 3.6 Validation - Reactive Chain 的 Runtime 成本真的改善了嗎?

同一個 Reactive Chain,只換 Vue 版本,Runtime 的成本真的變了嗎? 今天只改一件事 Vue 版本 Vue 3.5.40 → Vue...

2026-09-09 ‧ 由 kuku 分享
DAY 10

Day 10:AI Coding 如何避免 Reactive Anti-pattern?

Vue 3.6 沒有自動消除 Reactive Chain 的成本,因此 AI 如果持續產生 Reactive Anti-pattern,再新的 Runtim...

2026-09-10 ‧ 由 kuku 分享