处理文本

  1. const processText = (n1, n2, container, anchor) => {
  2. if (n1 == null) {
  3. hostInsert((n2.el = hostCreateText(n2.children)), container, anchor)
  4. } else {
  5. const el = (n2.el = n1.el)
  6. if (n2.children !== n1.children) {
  7. hostSetText(el, n2.children)
  8. }
  9. }
  10. }

总结:

  1. 创建:新加一个文本节点到container,指向新节点 n2el
  2. 更新:新节点的 el 指向老节点的 el,.children 就是文本内容,如果不一样才更新。