iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Vue.js

Vue3.6 的革新:深入理解 Composition API 系列

今年暑假,Vue3.6 官宣兩大黑科技:Vapor Mode (無 Virtual DOM 編譯) 與 Alien Signals (高速依賴追蹤)。
這不只是效能飆升,而是顛覆我們理解框架的方式!
本系列讓我們一起拆解 Composition API,實戰 Composable,從語法到底層,全面理解 Vue3.6 的 Composition API,直擊新特性背後的底層邏輯,打造更可維護、可擴展的專案架構。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21: Alien Signals 深入解析 - 比 Proxy 更快的秘密

一開始建立 Composition API 概念中提到,Vue 3.5 的響應式是 Proxy 管家統包;經過漫漫歲月,凡事講求效率,於是 Vue 3.6 新世...

2025-09-28 ‧ 由 kuku 分享
DAY 22

Day 22: effectScope + Alien Signals 新世代的響應範圍管理

為什麼要談 effectScope? 在前幾篇(Day 19~Day 21)我們見識到: Vapor Mode 透過 跳過 Virtual DOM Dif...

2025-09-29 ‧ 由 kuku 分享
DAY 23

Day 23: 跨套件的響應管理 – Vapor Mode 下的引用套件挑戰

Vapor Mode 下 Pinia、VueUse、Router 的加速與陷阱 在前面幾天,我們已經實測過 Vapor Mode 與 Alien Signals...

2025-09-30 ‧ 由 kuku 分享
DAY 24

Day 24: 低階裝置測試 - 手機瀏覽器下的 Vapor 表現

我們在桌機環境測過 Vapor Mode + Alien Signals 的效能提升。 然而,桌機硬體往往遠比行動裝置強大,實際上線的用戶端多數是手機,這篇就來...

2025-10-01 ‧ 由 kuku 分享
DAY 25

Day 25: SPA vs MPA - Vapor 架構策略

在前幾天,我們見證了 Vapor Mode 與 Alien Signals 帶來的性能革命:跳過 Virtual DOM diff、直接編譯為最小 DOM 操作...

2025-10-02 ‧ 由 kuku 分享
DAY 26

Day 26: Vite & Vue Devtools 的 Vapor 支援

我們比較了 SPA vs MPA 架構下 Vapor 的實戰表現,今天要更進一步,看一看 開發者工具 如何跟上這波變革。 Vue 3.6 的 Vapor Mod...

2025-10-03 ‧ 由 kuku 分享
DAY 27

Day 27: 狀態管理的下一步 - Pinia × Alien Signals

在 Day 23: 跨套件的響應管理 我們討論了跨套件的響應管理,發現 Pinia 在 Vapor + Alien Signals 的世界裡能天然受惠,但也有不...

2025-10-04 ‧ 由 kuku 分享
DAY 28

Day 28: SSR / Router - 全鏈路 Vapor 化挑戰

在伺服端渲染的世界,沒有 Virtual DOM... Vue 如何站穩腳步? 在前幾天的內容中,我們已經看過 Vapor Mode 如何跳過 Virtual...

2025-10-05 ‧ 由 kuku 分享
DAY 29

Day 29: 大型專案 - Vapor + Lazy Scope 策略

在 Vue 專案裡,隨著功能、組件、狀態管理模組越來越多,初始加載 (initial load)、組件實例化 (component instantiation)...

2025-10-06 ‧ 由 kuku 分享
DAY 30

Day 30: Vue 的下一個十年 - Signal API 與框架演進

走到這裡,我們從最初的響應式基礎、Composition API,到 Vapor 模式與 Lazy Scope,每一天都讓我們更貼近 Vue 的核心。 三十天即...

2025-10-07 ‧ 由 kuku 分享