vue render h(多dom层级) 同jsx的创建方式 嵌套父子元素

对应的HTML DOM 元素是这样

<div id="test">
      <p class="children">123</p>
    </div>

jsx 的代码是这样

function createDOM(){
      reutrn render(
        <div id="test">
          <p class="children">123</p>
        </div>
      )
    }

使用h函数 , 这个写嵌套的话比较难看

reutrn h("div",{
        id:"test"
      },h("p",{
        class:"children"
      })
      )