# 前言： 翻别人代码时，总结发现极大部分使用`vue3`的人只会用`ref`和`reactive，其实有更好性能的api可以用

深入研究学习 Vue2、Vue3 中重写数组方法的原因，谈谈对于两个不同重写方式的看法.......

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

本文会从一段模版代码开始，先后讲解patchflag、Block、Block Tree实现原理，帮助大家理解编译优化

在上一篇 vue3组件更新，当新旧子节点都是数组的时候，就进入patchKeyedChildren 函数，开始diff。这种是使用v-for，并且有key的情况下： 快速diff五步 1. 从头部同步

Vue3 对 diff 过程进行了大升级，利用 最长递增子序列算法 去计算最少移动dom，尽可能少的做移动节点位置操作！

很多同学应该都在面试中遇到过这样的问题：“v-if 和 v-show 有什么区别？我们应该在什么情况下使用 v-if，什么情况下使用 v-show 呢？” 很多同学一听，这不太简单了~~

你知道v-model指令是如何变成组件上的modelValue属性和@update:modelValue事件呢？这一过程是在编译时还是运行时进行的呢？

Vue3.4黑魔法：双链表重构后的新响应式系统～本文为新式响应式系统的解析，该pr已被正式合并入minor分支，如果解析有不到位的地方，望各位提表建议。