Vue3追本溯源

之前关于Vue3的整体运行过程做了简单的原理分析，在实际开发过程中使用Vue3的API也是必不可少的，接下来会对Vue3的一下常用的Composition API的实现原理简易分析 computed的

上篇主要解析了patch方法将VNode对象转化为真实的DOM节点。本文将详细解析改变数据之后的更新过程(点击按钮 -> 数据更新 -> DOM更新) 点击button按钮执行回调 关于上篇butto

上文主要解析了执行render函数生成VNode对象，本文将详细解析patch方法如何将VNode对象转化为真正的DOM patch方法解析VNode入口 由上文解析知，在renderComponen

上文详细解析了模版编译generate函数的内部实现，是如何拼接render字符串的。 本文将回归到模版编译的上层方法中，解析如何执行render函数生成VNode对象，利用patch函数将VNode

上文解析了transform方法对ast对象进一步转化，依本例为模版，在type=0的根节点和type=1的元素节点对象上生成codegenNode属性。生成新的属性对象；合并相邻两个文本子节点；将创

接上篇template模版编译，上篇主要解析了template模版编译的入口以及解析模版字符串的parseChildren方法的内部实现。在生成ast对象之后，继续调用transform方法转化ast

接上篇双向数据绑定解析完setup方法并代理了数据，setupState 和 ctx属性都设置了get、set钩子函数后开始进行template模版编译(以本例为模版进行解析) 本例 template

接上篇解析mount方法到setupStatefulComponent方法中，当调用createApp存在setup属性时(以本例为模版解析)开始执行setup方法，本文将详细解析setup方法，及数

本篇接上篇入口函数，以一个简单的事例(后续称之为本例)详细解析mount之后的操作(解析传入的options参数、template模版编译、生成虚拟DOM对象、虚拟DOM对象解析生成真正的DOM、数据

Vue3追本溯源(一)入口函数 现如今前端的三大框架Vue、React、nodeJS是从事前端开发的必备技能，2020年9月随着Vue3的发布，Vue也迎来了更多开发者的目光，学习源码也要提上日程。这