Vue3 尚未发布正式版本前，尤大在关于 Vue3 的分享中提及了静态提升，今天的文章就一起来对静态提升一探究竟。

上一篇文章中，我们从 packges/vue/src/index.ts 的入口开始，了解了一个 Vue 对象的编译流程，在文中我们提到 baseCompile 函数在执行过程中会生成 AST 抽象语法

本文属于笔者Vue3源码阅读系列第七篇文章，大致内容： 1. `patchChildren`逻辑解读 2. 没有绑定`key`的`diff`算法 3. 绑定了`key`的`diff`算法

1. 为什么要学习源码 ? 阅读优秀的代码的目的是让我们能够写出优秀的代码。 不给自己设限，不要让你周围人的技术上限成为你的上限。 其实就跟我们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。 基于现在的程序员工作模式(模块化开发，只需要拿到需求做自己的部分)，别说看…

相信只要去面试 Vue，都会被用到 vue的双向数据绑定，你如果只说个 mvvm就是视图模型模型视图，只要数据改变视图也会同步更新，那可能达不到面试官想要的那个层次。甚至可以说这一点就让面试官觉得你知识了解的还不够，只是粗略地明白双向绑定这个概念。 目前几种主流的 mvc(vm…

本文主要介绍了Vue2.X和Vue3.X的数据响应式原理，同时补充了发布订阅模式和观察者模式，最后手写min-vue的数据响应式。

简单概括，开发者定义的options.watch，就是Vue内部的Watcher类的实例,。 通过Dep类连接data的属性与Watcher之间的关系，在初始化Vue/Vue组件时...

用具体的例子讲解patchVNode的具体流程，通过例子逐渐分析出patchVNode代码所代表的含义