Vue源码学习

watch需要侦听特定的数据源，并在单独的回调函数中执行副作用。默认情况下，它也是惰性的——即回调仅在侦听源发生变化时被调用。watch 与前文 Vue3.0源码学习——Computed

Vue3.0 的响应式底层是使用了 `new Proxy()` 对数据的 `getter` 和 `setter` 进行了拦截，过程中进行了依赖的收集，如果数据发生了变化，就会通知相应的依赖去做变化。

Computed函数会根据传入的getter中依赖的响应式对象，返回一个新的响应式对象，当依赖的对象发生变化，新的对象也会跟着变

通过`reactive` 源码的学习和单步调试了解了Vue3.0 响应式的原理，内部是使用了 `Proxy` 的 **getter** 去收集数据的依赖 `dep`，这个依赖其实就是组件的更新函数 `

回忆前篇 Vue3.0源码学习——响应式原理（一），学习了Vue3.0响应式API的使用以及reactive函数的源码，这篇紧跟上一篇将结合单步调试和源码进行探究

Vue 最独特的特性之一，是其非侵入性的响应性系统。数据模型是被代理的 JavaScript 对象。而当你修改它们时，视图会进行更新。

通常，当我们需要从父组件向子组件传递数据时，我们使用 props。想象一下这样的结构：有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递

「这是我参与2022首次更文挑战的第9天，活动详情查看：2022首次更文挑战」。 Options API 与 setup 中使用生命周期的区别 Vue3目前兼容Vue2的生命周期函数 映射关系 Opt

「这是我参与2022首次更文挑战的第8天，活动详情查看：2022首次更文挑战」。 Vue2 Options API 与 Composition API 对比 Vue2的 Options API，统一将

1. Componsition API(setup) 何时执行？ 2. `setup` 中为什么不能使用 `created` 生命周期？ 3. 传入setup参数中，分别是props和ctx，他们从何

如何搭建环境及调试源码 Vue3.0源码学习——环境搭建 Vue实例创建的过程 如何创建实例 还是从 todomvc 开始

patch 中文意思是补丁，在Vue中 patch 函数的作用其实就是在渲染的过程中，比较新旧节点的变化，通过打补丁的形式，进行新增、删除、移动或替换的操作

学习了首次挂载的过程中，在 `patch` 函数中会一路调用 `mountComponent`挂载组件 =》 `setupRenderEffect` 副作用安装函数，这个函数的执行过程中会建立更新机制

前文了解了Vue在创建实例后返回了一个对象，这个对象里有一个挂载函数 mount，这篇文章就来学习一下Vue挂载的过程

目录结构 packages 重点关注 编译器相关 compiler-xxx 响应式相关 reactivity-xx 运行时相关 runtime-xx scripts 包含打包等所有可执行脚本文件 模块

克隆项目 准备工作 vue3.0使用pnpm进行代码包管理，需要先安装，国内设置淘宝镜像 Chrome浏览器 安装依赖 package.json 中的 pupteer 可暂时删除（非必须），比较耗时，

工作中使用Vue3已经有大半年，对一些用法也是比较熟悉了，最近对Vue3的源码进行学习与记录。主要用法就不在这里赘述，详阅官方中文文档，目前Vue3的版本是3.2.x。