详细参考snabbdom的js/src/dom中的patch和patch.js 1. 新老节点替换规则节点替换规则有以下三种情况，其中第三种情况最为复杂，并且分为有children和没有children情况 如果新老节

1. 搭建环境因为手写不安装snabbdom了。工程文件请看diff文件夹 npm init -y //初始化 npm install webpack@5 webpack-cli@3 webpack-dev-serve

前言vue的diff算法参考自snabbdom 本文将介绍snabbdom的使用 从而深入理解vue的diff算法，工程文件请参考snabbdom文件夹。 1. 实例直接到github的snabbdom去复制实例来使用 2. 真实dom和虚

diff算法1. diff算法概念功能：提升性能 概括：diff全程difference，意为差异，顾名思义就是寻找不同。寻找不同这个过程需要一个本体和参照体，寻找不同的过程就是diff算法的本质。 2. 衍生–虚拟dom在今天，前端领域

通过Object.defineProperty劫持数据发生的改变，如果数据发生改变了（在set中进行赋值的），触发update方法进行更新节点内容()，从而实现数据双向绑定的原理 只保留重要代码 class Vue {

使用数据劫持配合观察者模式、发布订阅模式运行响应式 /** * 仿写一个简单的Vue.js * Vue使用层上是数据驱动，而源码上数据更新了，dom也要更新 */ class Vue { &#