vue源码解读

iife ----- 自执行函数cjs是commonjs，esm是es6模块，xx.global.js cjs ----- commonjs（require module.exports），

初始化环境 创建文件夹，开始试验 生成 配置最简单打包 1. package.json加type package.json加type是module，可以解析import语法。 2. 配置package

接着写 ref！ 目标 ref 首先看下，目标 ref 的功能： ref一般是监测普通类型的值。 分析 ref ref 是一个函数，1 个参数，对象或者普通类型的值 返回值是RefImpl实例 获取值

接着写 computed！ 目标 computed 首先看下，目标 computed 的功能： computed的应用场景是根据其他数据衍生的，比如说根据 firstName 和 lastName 衍

写 watchEffect了，这个真真算容易了！ 目标 watchEffect 首先看下，目标 watchEffect 的功能： 没有加配置的 watchEfect，默认是异步执行的，这里先将其设置为

写 watch 了！ 目标 watch 首先看下，目标 watch 的功能： 没有加配置的 watch，默认是异步执行的，这里先将其设置为同步，异步之后再写。 分析 watch watch 是一个函数

track主要是建立属性和effect的映射关系，trigger是找到属性对应的effect，挨个执行。 全局变量activeEffect 和 targetMap 辅助这两方法实现。

effect 真的心思缜密啊！ 继续进阶版，属性发生变化，相应的_effect 自动执行。这边添加，可以随时手动执行_effect，也可以随时停止_effect 自动执行

建立映射的时候，假设新增\_effect2，如`{name:[_effect1,_effect2,]}`，那么同时将`[_effect1,_effect2]`这个数组添加到`_effect2`实例

github同步进行了项目，方便的话，可以直接clone下来，切到reactive分支即可，看最终的效果。 安装 vue3，作为目标对齐 在写个 index.html，感受 reactive 在 re

github同步进行了项目，方便的话，可以直接clone下来，切到env分支即可。 运行以下命令，建项目目录 根目录加 packages 文件夹，里面加两个文件夹 reactivity 和 share

组件渲染：vnode 到真实 DOM 是如何转变的: 源码解析略复杂，通过demo是了解组件渲染：vnode 到真实 DOM 是如何转变的

响应式对象，核心就是利用 `Object.defineProperty` 给数据添加了 `getter` 和 `setter`。 这样在访问数据以及写数据的时候能自动执行一些逻辑

认识组件的注册过程，并理解全局注册和局部注册的差异。其实在平时的工作中，当我们使用到组件库的时候，往往更通用基础组件都是全局注册的，而编写的特例场景的业务组件都是局部注册的

决定跟着黄轶老师的 vue2 源码课程好好学习下vue2的源码，学习过程中，尽量输出自己的所得，提高学习效率，水平有限，不对的话请指正~ 将vue 的源码clone 到本地，切换到分支2.6。

大白话，h函数就是用节点的描述（标签名、标签的其他自身信息、子元素）创建虚拟节点。 h函数的参数最多三个，但只有第一个是必传项，第二个参数和第三个都是可传项，所以内部对各种情况作了判断

决定跟着黄轶老师的 vue2 源码课程好好学习下vue2的源码，学习过程中，尽量输出自己的所得，提高学习效率，水平有限，不对的话请指正~ 将vue 的源码clone 到本地，切换到分支2.6。 Int

学习黄轶老师的vue源码解读 认识 flow的使用、 vue的源码目录设计结构、 vue怎么构建的、 vue的入口在哪