ref本质上是一个“包裹对象"，由于Proxy无法对原始值进行代理，因此我们需要使用一层对象进行包裹，间接实现原始值的响应式处理。ref除了能够提供原始值的响应式方案，还能用来解决响应式丢失的问题。

前言 我们知道 Vue3 中声明响应式是通过 reactive 和 ref 这两个函数，下面我们通过案例先来看下 reactive 是如何实现的。

1、前言 在Vue3中，有一个effect函数，它用来注册副作用函数，同时它也允许指定一些选项参数options，例如指定scheduler调度器来控制副作用函数的执行时机和方式;也介绍了用来追踪和收

1.准备工作-源码结构 1.1目录结构 在正式学习源码之前，首先在Vue官方 github 官网下载源码 ，下载之后解压目录大概是这样的。 compiler-core compiler-dom com

在 Vuejs 中，我们可以使用 `Provide`和 `Inject`方法来实现跨父子组件的通信，这样一来，无论组件嵌套多少层级，都可以在后代组件中访问它们祖先组件的数据。

前言 我们知道 Vue3 中声明响应式是通过 reactive 和 ref 这两个函数，上篇我们分析了 reactive 的实现原理，接下来我们再来看下 ref 是如何实现的。

前言 上一篇我们分析了 diff 算法的前四步逻辑，第五步 乱序比对 逻辑 Vue 又分了三步来进行，那什么是 乱序比对 呢？我们知道节点的比较存在新增、删除、位置交换、内容更替等场景

前面我们分别分析了 有状态 和 无状态 组件的渲染更新，除此之外 组件 还定义了一些 生命周期 钩子函数，具体可查看 官方文档，本篇就来逐一分析各个生命周期钩子函数是如何调用的。

前言 时间过得太快 一晃半年都没写文章了 哈哈 如今又到了一年一度的金三银四的好时节 我李汉三回来了 先说一下写此系列的初衷--最近公司招聘高级前端岗位 于是面了很多人 这面着面着就有点 痛心疾首 了