前言
你是否曾对 Vue 的响应式系统感到过困惑？当我们在代码中修改一个变量时，界面上的内容就会自动更新。这个方便快捷的背后机制到底是什么？
了解这个底层逻辑，就是我这次想动手写这个系列文章的初衷。我相信，了解这套系统如何运作，是从“会用 Vue”到“理解 Vue”的关键。
有人可能会想，AI 都横空出世这么久了，我们还有必要亲自去了解这些底层原理吗？我相信这个必要性是存在的。即使 AI 可以快速告诉你答案，但你仍然可能会遇到这种情况：AI 已经给出了答案，你却还是不理解其背后的逻辑和核心思想。
将知识点掰开揉碎，再让大脑消化吸收，这便是我想要做的事情。
我将会写系列文章，主要包含了我对响应式系统源码概念的解析与思考，并记录了整个响应式系统的构建流程。
整个过程以实践为主，从创建一个 monorepo 项目开始。该项目采用了与官方源码相同的架构，以便模拟官方源码的模块化管理。
需要特别说明的是，文中出现的代码示例并非完全原创，而是源于学习过程中参考的诸多实现，其使用均已获得许可；而相关的理解与延伸，则是我在消化吸收后整理的个人笔记与心得。
主要内容范围包括：我们常用的 API ref、reactive、computed、watch，以及 effect 与响应式对象之间的关系、链表核心概念等。
希望通过这个系列，不仅能加深自己对 Vue 3 的理解，也能与同样对底层机制感到好奇的同好，分享我这一路走来的学习心得与收获，文章都不会太长，我相信每日少量吸收的成效会比一次性长篇来得更好。
