twinkle

本期主要实现了vue3中的complier的核心，是如何`<div>hi, twinkle, {{message}}</div>`这里字符串的。**vue3是采用逐步推进的方式，解析完一段就删除一段，

本期主要实现了`nextTick()`，通过`nextTick`看到了`vue`更新`dom`的方式是异步的。并且在这种方式的基础之上，需要使用到**js的事件循环**，在事件循环中**微任务比宏任务

今年上半年大体上还算满意，也存在着许多的不足，例如：自己看的书也较少，完成的内容也不算好，可能是自己的能力有待提升吧！**希望在后续的半年中，自己能够找到一份满意的工作，毕竟外包不是长久之计，希望能遇

在组件更新中,主要的流程是 `updateComponent--> updateComponentPreRender --> render`, 在这三个函数中交换新老vnode的属性,给把当前的vno

1. 老的比新的**左边长**，在新的左边创删除的节点 2. 老的比新的**右边长**，在新的右边创删除的节点 3. 老的比新大**左边短**,在新的左边创建新的节点 4. 老的比新的**右边短**，

vue3元素更新的流程， vue3的属性更新（3种情况），vue3的children更新（4种情况）两者都存在，执行修改；老的存在，新的不存在，执行删除；老的被设置成null或者undefined也需

本期主要实现了`createRenderer函数`，`改造createApp`等函数，通过这些函数，可以看到vu3在设计方面的用心良苦，尽量让vue3满足更多的人。增加了`runtime-test`，

`getCurrentInstance,provide,inject`的实现，在`getCurrentInstance`中只是用了一个中间变量，而`provide`是把数据存在当前的`instance

引言 <<往期回顾>> vue3源码分析——rollup打包monorepo vue3源码分析——实现组件的挂载流程 vue3源码分析——实现props,emit，事件处理等 本期来实现， slot—