手写虚拟DOM结构

  <div class="vdom" id="first">
    <p>内容</p>
    <ul>
      <li>1</li>
      <li>2</li>
    </ul>
  </div>
  <script>
    {
      tag:'div'
      data: {
        clssName: 'vdom'
        id: 'first'
      }
      children: [
        {
          tag:'p',
          children:'内容'
        },
        {
          tag:'ul',
          children:[
            {
              tag:'li',
              children:'1',
            },
            {
              tag:'li',
              children:'2',
            }
          ]
        }
      ]
    }
  </script>