前言 大家好，我是林三心，这几天发生了很多事（具体是啥我就不说了），这些事，吓得我把我这些年珍藏的Vue知识点都拿出来整理了一遍，巴不得能多总结出一道是一道，我拿出了我的笔记，并且使劲回忆，终于悟出了

背景简介 这几天代码评审，领导无意中看到了我本地代码的控制台，被我花里胡哨的console打印内容吸引了！ 老板看见后，说我这东西有意思，花里胡哨的，他喜欢！

Vue 2 的 diff 算法相对于简单 diff 算法来说，通过 双端对比与生成索引 map 两种方式 减少了简单算法中的多次循环操作，新旧数组均只需要进行一次遍历即可将所有节点进行对比。

所谓 diff 算法，就是通过比对新旧两个虚拟节点不一样的地方，针对那些不一样的地方进行新增或更新或删除操作。接下来我们详细介绍节点更新的过程。

Vue 和 React 都是基于 vdom 的前端框架，组件渲染会返回 vdom，渲染器再把 vdom 通过增删改的 api 同步到 dom。 当再次渲染时，会产生新的 vdom，渲染器会对比两棵 v

Vue3与Vue2相比，引入了更高效的Diff算法-快速diff算法。它采用了预处理思路，先处理前置节点和后置节点。然后，算法会按照一定的规则，将虚拟DOM分成几个不同的情况进行处理，包括新旧虚拟DO

预处理 文本预处理 在讨论 vue3 的快速 diff 算法前，我们要先了解一下纯文本 diff 算法的预处理。 现在有如下两段文本： 经过预处理后，剩下的文字部分就是我们需要进行 diff 操作的部

vue3面试题八股集合——2023。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

本文整理了 Vue3 的8种组件通信和 Vue2 的12种组件通信写法，希望对你有一点点帮助，奥力给