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 11

Day 11:為什麼專案的 Component 越拆越多?

拆組件的原則是什麼?要拆多細? 前一個階段,我們花了幾天處理 Reactive Chain Hell,得到一個很明確的結果 Vue 可以改善 Runtime...

2026-09-11 ‧ 由 kuku 分享
DAY 12

Day 12:建立 Component Storm Validation Scenario

把「Component 越多是否帶來 Runtime Cost」轉成一個固定的 Mount / Update 實驗 上一篇,我們完成了第一個假設 React...

2026-09-12 ‧ 由 kuku 分享
DAY 13

Day 13:Vue 3.5 Baseline - Component 越多,Update 到底有多貴?

500 個 Component 都在頁面上,但資料改變時,它們真的都需要一起工作嗎? 如果說 Reactive Chain 看的是資料怎麼傳,那 Compo...

2026-09-13 ‧ 由 kuku 分享
DAY 14

Day 14:Vue 3.6 Validation - 同樣的 Component,真的變快了嗎?

如果換成 Vue 3.6,昨天看到的這些成本,真的會消失嗎? 昨天用 Vue 3.5.40 建立了 Component Storm 的 baseline,在...

2026-09-14 ‧ 由 kuku 分享
DAY 15

Day 15:AI Coding 如何避免 Component Explosion?

Framework 可以降低單次成本,但 Architecture 決定一次更新要處理多少範圍 Day 14 的 Component Storm 實驗,讓問...

2026-09-15 ‧ 由 kuku 分享
DAY 16

Day 16:大量列表為什麼卡?

你相信嗎?大量 UI 本身,就可能成為 Runtime Cost 前幾天,我們一直在追 資料發生變化之後,Vue 到底需要做多少工作? Reactive C...

2026-09-16 ‧ 由 kuku 分享
DAY 17

Day 17:建立 VDOM Stress Test Scenario

大量 UI Rendering 時,Vue Runtime 的成本在哪裡?新版 Runtime 是否真的改善? 商品列表、Dashboard、CRM、管理後...

2026-09-17 ‧ 由 kuku 分享
DAY 18

Day 18:大量 UI Rendering 的成本在哪裡?

先建立 Vue 3.5 Baseline,再談 Vue 3.6 是否真的改善 昨天建立了 VDOM Stress Test,同一個 Scenario,分別測...

2026-09-18 ‧ 由 kuku 分享
DAY 19

Day 19:Vue 3.6 到底改善了哪一層 Cost?

從 Render Duration 到 Framework Attribution,如何判斷效能改善來自哪一層? Day 18 做完 VDOM Stress...

2026-09-19 ‧ 由 kuku 分享
DAY 20

Day 20:Framework 沒有被確認改善後,剩餘成本的結構是什麼?

那既然 Framework Improvement 沒有被確認,目前真正存在的成本結構是什麼? Day 19 比較了 Vue 3.5.40 與 Vue 3....

2026-09-20 ‧ 由 kuku 分享