Vue 源码解析

本文章从源码角度简单讲解了 ref API 的实现原理，包括依赖收集、依赖触发，以及对对象的处理，不足之处请多指正。

vue computed 源码解析 引入：和 ref 的对比 如果你已经对ref的源码有了一定的了解，那么computed的源码看起来是很简单的，其逻辑和ref的逻辑大致相同，只在一些地方存在区别：

Vue reactive 源码解析 写在最前面 在reactivity模块中，之所以最后才写reactive是因为它的原理虽然不复杂，大家都知道是用的proxy拦截操作，但是实际上代码逻辑比较复杂，对

Vue watch 源码解析 原理综述 本文主要介绍watch和watchEffect两个API的实现原理，它们的原理可以简单地抽象为通过： 来创建一个副作用，其中： getter对于watch来说就

Vue通过createApp来创建应用实例app，并通过app.component来注册组件，app.mount来挂载组件，app.unmount来卸载组件

scheduler是Vue 3中负责管理异步更新的模块，实现了一个任务调度和执行系统，其源码位于runtime-core/src/scheduler.ts。

Vue 生命周期钩子 源码解析 引入 笔者最近想给自己的一个开源库增加生命周期钩子，从而能够让开发者在特定阶段运行自己的代码，增加库的可扩展性。于是我学习了Vue3生命周期钩子的源码，对其产生了一些理

Vue provide & inject 源码解析 引入 依赖注入是Vue中负责组件间共享代码的功能，在应用程序的规模增大时，由于组件树的深度会变的很深，使用props进行组件间传值往往会非常麻烦。因

Vue renderer 源码解析 引入 renderer是Vue负责渲染组件的模块，是Vue的核心模块之一。组件的挂载、卸载和更新逻辑都位于该模块中。该模块将DOM结构抽象为虚拟节点（vnode），

Vue Diff 算法源码解析 引入 我们知道，在Vue的渲染器（renderer）中，Vue通过对新旧虚拟节点进行patch来进行真实DOM的更新。对比新旧节点分为三个部分： 对比类型：如果类型不同