我是日安

昨天我们发现了 Effect 的问题：当 effect 被重复触发时，它会不断地重新收集依赖，导致依赖链表指数级增长。 要让 effect 记住它“订阅过谁”，最直接的方法...

DOM 交互 我们的响应式系统经过前几天的努力，已经初具雏形，感觉可以加入一些 DOM 交互，来进行简单的测试。 我们预期每次点击按钮，effect 只会执行一次。但实际情...

到目前为止，我们的 effect 会在依赖的数据发生变化时，立即重新执行。 这种简单直接的模式在很多情况下都有效，但当遇到密集且连续的数据变更时，它可能会引发不必要的性能问...

今天我们来探讨一个棘手的边界情况：嵌套 effect。 当一个 effect 内部又定义了另一个 effect 时，我们的系统会如何运作呢？ 在这种情况下，我们预期内外层都...

我们的代码虽然已经可以运作，但 RefImpl 这个类同时处理了数据存储和链表管理，不易于扩展，所以需要调整代码结构。尽管前几章的代码已经能正常工作，但它存在一个很大的问题...

昨天，我们了解了链表的核心概念，现在要把这些概念结合起来。 首先让我们从一个常见的场景开始：当一个响应式数据 (ref) 同时被多个 effect 依赖时，会发生什么？ 我...

在昨天，我们建立了响应式的基本运作模式。在继续深入之前，要先了解 Vue 内部用来优化性能的一个核心概念：数据结构。Vue 3 的响应式系统之所以效率高，其内部对数据结构的...

前言 昨天我们的目标是让一段简单的 ref 和 effect 代码能够自动响应。 进入页面输出 count.value ==> 0 一秒后自动输出 count.value ...

在正式开始实现我们自己的响应式 API 之前，我们先创建一个简单的测试环境，来观察 Vue 官方 ref 和 effect 的实际情况。 先在 packages/react...

前言 Vue 3 的源码由多个模块构成，除了我们常用的核心功能外，还包含了响应式、工具函数等多个独立模块。为了模拟 Vue 官方的开发环境，管理这些分散的模块，我们会采用 ...

前言 你是否曾对 Vue 的响应式系统感到过困惑？当我们在代码中修改一个变量时，界面上的内容就会自动更新。这个方便快捷的背后机制到底是什么？ 了解这个底层逻辑，就是我这次想...