diff算法patch函数流程
2021-05-30 17:29:17 5 举报diff算法patch函数流程
作者其他创作
大纲/内容
比较新旧的虚拟dom是不是一样的比较规则：key和选择器都一样
把elm的innerText属性设置为newVnode的text属性
判断oldVndoe是否有children节点
一样
patch函数被调用
不是(意味着newVnode存在children节点)
是
是同一个对象不需要diff更新。因为没有比较的余地。vue中涉及的是数据响应式
不是虚拟dom
判断oldVnode和newVNode是否在内存中是一个对象
判断旧的dom节点是不是虚拟dom
转为虚拟dom
否
不一样
判断newVNode是否有text属性
是虚拟dom
通过递归把真是DOm转为虚拟DOm
不是
0 条评论
下一页
为你推荐
查看更多
