<ui:group layout="vertial">

  <ui:block width="200" layout="horizontal">

    <ui:input value="Search"></ui:input>

    <ui:button>Search</ui:button>

  </ui:block>

  <ui:block width="400"></ui:block>

</ui:group>

• ui:group和ui:block是元素（节点）
• width 和 layout 叫做元素的属性
• ui:block元素是ui:group元素的子元素

倘若由 JSON 描述, 将会变成:

{
"type": "ui:group",
"layout": "vertical",
"children": [
{
"type": "ui:block",
"width": 200,
"layout": "horizontal",
"children": [
{ "type": "ui:input", "value": "search" },
{ "type": "ui:button", "label": "Search" },
]
},
{
"type": "ui:block",
"width": 400,
},
],
}


可以看出来, XML 的数据会比 JSON 更符合人类对 UI 布局的描述, JSON 在这个场景中会更加偏向对机器友好.