主要就是讨论虚拟dom的更新效率。大致原理就是比较两个节点的虚拟dom,然后差量更新。

在源码中其实就是调用patch函数的过程。比对的虚拟dom其实就是我们之前说的paser函数解析出来的

var Vnode = {
tag: 'div',
children: [
{ tag: 'p', text: '123' }
]
};

接着就是一层一层的比较

vue源码diff原理_流程图

diff流程图

vue源码diff原理_流程图_02