mini-vue3

对于vuejs模板编译，编译器首先会对模板进行词法分析和语法分析(parse)，得到模板AST。然后将模板AST转化(transform)成JavaScriptAST，最后将JavaScriptAST

我们知道vnode上存在type属性，当type为对象时，说明该虚拟节点为component组件类型的。针对组件类型的vnode，我们需要进行特殊处理 在patch打补丁时，我们针对不同了虚拟节点会进

这篇文章将介绍vue2使用的双端diff以及vue3使用的快速diff，具体代码可见我的mini-vue3项目commit记录( https://github.com/4noth1ng/my-mini

虚拟节点是一个对象，包括Element类型和Component类型，这个对象上包含type、props、children等属性，vue提供的h函数实际上就是一个createVNode函数 利用虚拟节点

首先思考一个问题：如何将渲染器与响应式系统相关联？换言之，如何实现响应式数据更新，页面的数据也随之更新？其实很简单，假设renderer函数是我们的渲染函数，定义一个ref对象count，我们将渲染函

Provide/Inject 在日常使用时，我们通常在祖先组件使用provide提供具有跨层级传递能力的属性，然后在子孙组件inject接收，然而这样似乎很难看出其底层究竟是如何实现的。 关于实现 现

vue3的模块组成 effect & reactive & 依赖收集 & 触发依赖 对于一个响应式对象，其内部存在一个容器存放依赖，通过effect函数收集依赖 effect函数接收一个参数函数fn，