我們回顧一下這三十天所學習到的：

目錄

環境

Day 2 - 基礎建設： Monorepo 與 pnpm Workspace 環境搭建

響應式基礎

Day 3 - 核心概念： 從「訂閱者模式」看響應式設計
Day 4 - 核心概念：收集依賴、觸發更新
Day 5 - 核心概念：單向鏈表、雙向鏈表
Day 6 - 首次實作： 鏈表應用
Day 7 - 關注點分離：拆分 track、trigger

Effect

Day 8 - Effect： 深入剖析巢狀 effect
Day 9 - Effect：調度器實作應用
Day 10 - Effect：為何會被指數級觸發？
Day 11 - Effect：Link 節點的複用實作
Day 12 - Effect ：多重依賴之指數觸發重現
Day 13 - Effect：多重依賴之節點復用解方
Day 14 - Effect：清理依賴的場景
Day 15 - Effect：依賴清理實作方案

效能處理

Day 16 - 效能處理：LinkPool
Day 17 - 效能處理：無限循環

Reactive

Day 18 - Reactive：深入 Proxy 的設計思路
Day 19 - Reactive：reactive 的基礎實作
Day 20 - Reactive：reactive 極端案例
Day 26 - 陣列長度變更處理

Computed

Day 21 - Computed：即時更新基礎實作
Day 22 - Computed：深入緩存機制實作

Watch

Day 23 - Watch：基礎實作
Day 24 - Watch：Options
Day 25 - Watch ：清理 SideEffect

toRef、shallow、readonly

Day 27 - toRef、toRefs、ProxyRef、unref
Day 28 - shallowRef、shallowReactive
Day 29 - readonly： 資料唯讀保護實作

心得

在學習 Vue 3 的過程中，我很幸運能遇到遠方的幫助。他是 Vue3 的核心成員，也是 vue-draggable 的作者。如果你有興趣，可以去他的 GitHub repo 幫他點個 star。

我真的很感謝他，因為在他的協助下，我對響應式系統核心機制有了更深的理解。不只釐清了原理，也讓我更有動力想完整梳理這段學習過程。順便說，我還被誇很會畫圖 XD

這三十天我也深刻感受到，「筆記」跟「教學文章」其實差非常多。就算現在 AI 已經很強了，我的文章還是常常潤了又潤，筆誤依舊不少，只是希望讀者能更清楚理解我真正想表達的內容。

最艱難的時候是連假，如果早上沒能發文，回到家還要趕快補上，心裡常常覺得早知道應該更早開賽才對 嗚嗚 QQ...

不過，我相信透過這些循序漸進的實作，大家會更明白 Vue3 的響應式系統，其實是許多開發者長年累月在開源社群中不斷改良與設計的成果，而不是什麼黑魔法盒子。

最後，還是要謝謝一路耐心讀完文章的大家，也辛苦你們幫我抓了那麼多筆誤 XDD

YAAA～謝謝大家，我完賽啦～～～ 🎉