8.1 挂载子节点和元素的属性

const vnode = {
  type: 'div',
  children: [
    { type: 'p', children: 'hello' }
  ]
}

function mountElement(vnode, container) {
  const el = createElement(vnode.type)

  if (typeof vnode.children === 'string') {
    // 文本子节点
    setElementText(el, vnode.children)
  } else if (Array.isArray(vnode.children)) {
    // 数组子节点 → 遍历每一个子节点，并调用 patch 函数挂载它们
    vnode.children.forEach(child => {
      patch(null, child, el)
    })
  }

  insert(el, container)
}

const vnode = {
  type: 'div',
  props: {    // 新增
    id: 'foo'
  },
  children: [
    { type: 'p', children: 'hello' }
  ]
}

// mountElement 中
if (vnode.props) {
  for (const key in vnode.props) {
    // 调用 setAttribute 将属性设置到元素上
    el.setAttribute(key, vnode.props[key])
  }
}