XML 和 JSON 的使用场景

<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元素的子元素

{ "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, }, ], }