生成树形结构,表示“整体-部分”关系
让整体和部分都具有一致的操作方式
例如虚拟 DOM 中的 vnode 结构,类型比较单一
```html <div id="div1" class="container"> <p>123</p> <p>456</p> </div> ``` 以上结构可被定义为 ```js { tag: 'div', attr: { id: 'div1', className: 'container' }, children: [ { tag: 'p', attr: {}, children: ['123'] }, { tag: 'p', attr: {}, children: ['456'] } ] } ```
**关键的一点,对于整体还是单个节点的操作都是一致的**。例如,以上结构无论是拿到`div`节点还是`p`节点,数据结构都是一样的。
1