vue源码diff原理

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

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

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

接着就是一层一层的比较
在这里插入图片描述

diff流程图

在这里插入图片描述

发布了190 篇原创文章 · 获赞 37 · 访问量 30万+

猜你喜欢

转载自blog.csdn.net/sufubo/article/details/103346023