non_hana

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

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

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

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

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

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

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

C 是大一刚进来就学的东西，现在写算法题又基本上都用 C++，而且作为一门历史悠久的语言，它的手动内存管理以及更接近硬件本质的语法和编译，作为一名技术人应该都要好好学习一下并掌握。

公司的项目基本都是 Webpack，这让我这个基本上只深度接触过 Vite 的人比较感兴趣：为什么公司开发一般都用 Webpack 而不是 Vite 呢？因此，我决定去进行一些系统性的调研。