仿写Vue（三）、深层遍历节点属性

三、深层遍历节点属性

“ 自己动手实践，就会更加深刻的理解**”**

前言中，在将Vue以及其一些方法整合之后，再来看看第二个问题：渲染深层次的对象属性，例如 name.firstName

01、编译函数

---

在上一节中，我们的编译函数如下：

	function compiler(template, data) {
   
      const childNodes = template.childNodes;
      for (const childNode of childNodes) {
   
        const type = childNode.nodeType;
        switch (type) {
   
          case 1: // 元素节点，递归