处理文本
const processText = (n1, n2, container, anchor) => {
if (n1 == null) {
hostInsert((n2.el = hostCreateText(n2.children)), container, anchor)
} else {
const el = (n2.el = n1.el)
if (n2.children !== n1.children) {
hostSetText(el, n2.children)
}
}
}
总结:
- 创建:新加一个文本节点到
container
,指向新节点n2
的el
- 更新:新节点的 el 指向老节点的 el,
.children
就是文本内容,如果不一样才更新。