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"
      })
      )