vue3源码学习

简单Diff算法让然存在很多缺陷，这些缺陷可以通过本章的双端Diff算法解决。 10.1 双端比较的原理 简单Diff算法的问题在于，它对DOM的移动操作并不是最优的。 使用简单Diff算法，则会发生

9-1 减少DOM操作的性能开销 按照之前的做法，当更新子节点时，需要执行6次DOM操作： 卸载所有旧节点，需要3次DOM删除操作； 挂载所有新节点，需要3次DOM添加操作。 所以更理想的更新方式呢？

4.1 响应式数据和副作用函数 4.1.1 副作用函数 当执行effect方法，它会设置<div id="app"></div>的文本内容，但除了effect之外的任何函数都可以读取或者设置<div

理解Proxy和Rflect (这个书真难 代码写的像扭麻花一样😅) Vue.js的响应式数据都是基于Proxy实现的，那么我们必须的了解Proxy以及与之相关联的Reflect。 它可以使用Prox

渲染器与响应系统的结合 渲染器不仅能够渲染真实的DOM元素，它还是框架跨平台能力的关键。 我们暂时将渲染器限定在DOM平台。 我们可以这样使用它： 我们可以利用响应系统自动调用渲染器完成页面的渲染和更

源码阅读与调试 watch文档 watch和computed有些相似的地方，但作用却与computed大有不同。watch可以监听响应式数据的变化，从而触发指定的函数； 基础的watch实例 reac

在学习了computed和watch的代码之后，我们会发现，computed和watch中都包含调度器scheduler的概念。完整的来说，它应该是调度系统； 调度系统包含两部分实现： lazy：懒执

源码阅读与调试 计算属性computed会基于其响应式以来被缓存，并且在依赖的响应式数据发生变化时重新计算。 创建一个computed的测试实例； reactive之前文章有详细描述，这里就不赘述了，

vue3的ref之复杂数据类型 源码阅读与调试 ref的测试实例： 首先是ref函数： 接着进入createRef： 第2行isRef判断是否是ref; 接着我们看class RefImpl; con

构建reactive函数，获取proxy实例 整个reactive函数，本质是返回了一个proxy实例，我们先去实现这个reactive函数，得到proxy实例； 1.创建packages/react

本篇文章主要是学习如何阅读和调试Vue3源码，作为五年前端练习生我只会用，真的好奇它到底是如何实现的，而且学习源码带给我们好处不止这些，不仅面试必考，在工作中还能提高我们代码质量，真的是一件非常值得做

上篇文章我们已经成功地下载了Vue3的源码并运行了一个测试实例代码，在这样的一个测试实例代码中，Vue内部是如何执行的呢？本篇文章我们一起探究一下。 我们如何对Vue进行debugger操作呢？我想首

当你基本理解了一个学科的发展史、体系结构、细节内容，你对这个学科知识的理解也会更加轻松。这就是兴趣，这会让你产生学习的动力。

当你基本理解了一个学科的发展史、体系结构、细节内容，你对这个学科知识的理解也会更加轻松。这就是兴趣，这会让你产生学习的动力。

深入浅出Vue的响应性（上篇）运行完了effect，接下来一段setTimeout代码，下篇会大家一起探究setter过程都做了什么事。 上图这一段代码，Vue究竟做了什么事呢？大概有以下三件： 创建