本文主要详细讲述Vue3的diff算法具体运算过程，对其中涉及到的细节做了描述，并总结其具体会使用的场景，最后对比Vue2的diff算法提出了它们之间的优缺点。

大家好，我是哈默。上回，我们说到了 diff 的前 4 步。那么最后，我们还需要看一下 乱序 的情况 vue 是如何处理的。

为何要使用diff算法，diff算法有哪些优点，目前哪些先进的框架有使用到，又有什么区别。在vue3中的diff算法又有什么比较明显的提升。

大家好，我是哈默。在明确了 diff 算法要处理的几种场景之后，我们接下来再来看看 vue3 中是如何应用 diff 算法的呢

在面试中难免会被问到 Vue2 和 Vue3 的相关知识点的实现原理和比较，面试官是步步紧逼，一环扣一环。 Vue2 的数据响应式原理是怎么样的？ Vue3 的数据响应式原理又是怎么样的？

前言 声明提升 在此之前，我们先简单的来了解一下什么是声明提升： 声明提升：在JS中，"声明提升"是指 变量和函数的声明 在代码执行前，会被提升到其所在作用域的最顶部。这并不意味着赋值操作也会被提升，

setup语法糖经过编译后是什么样子的？为什么在setup顶层定义的变量可以在template中可以直接使用？为什么import一个组件后就可以直接使用，无需使用components 选项来显式注册?

我们每天写的vue代码都是写在vue文件中，但是浏览器却只认识html、css、js等文件类型。本文通过debug的方式带你一步一步的搞清楚vue文件是如何编译为js文件的，看不懂你来打我。

这篇文章讲了vue3在编译阶段是如何找出动态节点，以及运行时阶段当响应式变量修改后，是如何靶向更新视图。