AI
推荐
模板社区
专题
登录
免费注册
首页
流程图
详情
updateChildren
2021-10-19 19:28:13
0
举报
分享方式
免费使用
vue diff 核心方法 updateChildren
Vue.js
updateChildren
模版推荐
作者其他创作
大纲/内容
判断旧后元素是否定义，没有旧后下标--
相同旧后下标--和新前下标++，对两个元素进行patchVnode将旧后元素插入到旧前元素前面去
最终新前下标++
不相同
创建新元素，插入到旧前前面去
在
整个遍历直到旧前下标>旧后下标 或 新前下标>新后下标，遍历结束
判断旧前和新前元素是否相同，相同旧前和新前下标++，对两个元素进行patchVnode
判断旧前和新后元素是否相同
对两个元素进行patchVnode将旧找到key对应得元素插入到旧前前面去
相同
判断旧后和新前元素是否相同
判断旧前元素是否定义，没有旧前下标++
相同旧前下标++和新后下标--，对两个元素进行patchVnode将旧前元素插入到旧后元素后面去
updateChildren
判断新元素的key在不在旧树所有keys中
判断两个元素是否相同（旧找到key对应得元素 和 新前元素）
不在
判断旧后和新后元素是否相同，相同旧后和新后下标--，对两个元素进行patchVnode
收藏
立即使用
updateChildren
132724_PO
职业：暂无
去主页
Collect
Get Started
vue 源码分析流程图
Collect
Get Started
Vue.js 2.0
Collect
Get Started
Vue原理
Collect
Get Started
diff算法流程
评论
0
条评论
下一页
Document
