hana_1007

最近突然对 Vite 的原理产生了浓厚的兴趣，想要了解一下 Vite Dev Server 的构建原理。在这里稍微记录一下吧。

在创建新项目的时候，往往会经历一些痛苦，最知名的无非就是配置 linter 和 formatter 了。在这里记录一些最佳实践。

在 Vue3 中，对于原始值的响应式处理方案要比非原始值简单得多，简单来说就是基于我们对于非原始值的代理方案，手动将原始值变为一个具有特殊属性的对象，然后通过 Proxy 进行代理。

我们在前面几章已经对 Object 与 Array 的响应式代理底层做了相对比较相近的剖析，接下来我们要深入到集合类型。

在上一节中，我们实现了手动完全代理 Object 类型，并且实现了深浅响应与深浅只读。接下来我们要一点点进入到 JS 的各个数据类型。首先是 Array。

有了上篇文章对于 JS 对象、Proxy 以及 Reflect 的了解，现在我们已经有了可以正式实现响应式数据的理论基础了。这节我们来正式的手写一下 Vue3 中对于 Object 的响应式代理。

从本章开始，我们正式的进入到 Vue3 各个响应式数据的具体实现方案。首先，先梳理一下 Proxy 与 Reflect 这两个 ES6 新特性的基本用法，以及明确 JS 对象的基本语义。

接着上一篇的 Vue 响应系统实现，主要讲了一下 调度执行、computed 和 watch 这两个 API 的底层实现。

本文是《Vue 设计与实现》一书的阅读笔记，包括原文的部分摘抄以及本人的总结，尽可能用自己的理解描述一遍，并附上完整的实现代码，主要描述了 Vue 响应式系统的底层架构。