上面是vue源码中nextTick的实现，为了搞清楚实现逻辑，就必须搞懂currentFlushPromise这个变量的含义，所以要从任务的调度机制开始分析

模版编译流程Vue3模版编译就是把template字符串编译成渲染函数 {代码...} 我会按照编译流程分3步分析parse：将模版字符串转换成模版ASTtransform：将模版AST转换为用于描述渲染函数的ASTgenerate：根据AST生成渲染函数 {代码...} parseparse对模版字符串进行遍历，然后循环判断开始标签和结束标签把字符串分割成一个个to...

vue3响应式分析首先对vue3响应式分析之前，需要对前置知识Proxy和Reflect有所了解，，关于这两个知识我推荐看阮一峰老师的ES6入门教程vue3的响应式我是以reactive为入口进行梳理，流程如下图源码位置：reactivity/src/...，分四部分解析reactive文件：目标对象转化为proxy实例baseHandler文件：基本类型处理器collection...

首先说明如果是生产使用强烈推荐Nuxt，但是如果想深入服务端渲染的运行原理，可以看本篇，会根据渲染流程搭建一个demo版ssr，源码在最后会贴上

locate：runtime-core > renderer > baseCreateRenderer > patchKeyedChildren