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

前言: 本篇文章是《Vue.js设计与实现》第 11 章 快速diff算法 笔记，其中的代码和图片来源于本书，用于记录学习收获并且分享。 一、为什么要使用diff算法 回顾之前的文章，新旧vnode节

二、 vue3 diff 经过vue2diff算法的学习，这次我们直接进入正题 这次采用五步走的方式来学习 源

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第17天，点击查看活动详情 Vue2和Vue3和React三者的diff算法有什么区别？ diff 算法是 vue2.x ， vue

前言 对于源码的阅读应该是建立在实际需要的过程中，这样才是科学的学习方式，不然一味地全盘阅读，先不说能不能读得完，这过程也是非常痛苦和枯燥。最近在应用虚拟列表的过程中发现vue3的更新方式给我造成了困

前言 本文的目标是讲一下diff算法实现方式，吸收内部优秀的代码设计、设计模式吸收到实际业务中。一起来get吧！ vue 作为业界优秀的开源框架，同时也是业内广泛采用的技术方案，其源码设计非常优秀。学

前言 前面文章中我们都是讨论了单个子节点的更新，如果新旧子节点为多个，那么它们更新时就存在节点位置的交换、新增、删除、插入等场景。Vue 中主要通过 patchKeyedChildren 方法来实现

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

Proxy 对象用于定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等）。 proxy是es6新特性，为了对目标的作用主要是通过handler对象中的拦截方法拦截目标对象target的某些行为（如属性查找、赋值、枚举、函数调用等）。 vue2.0 用 Object.d…