虚拟DOM面板
Log 输出
旧DOM结构
        
{
  tag: 'div', // 0
  children: [
    {
      tag: 'h1', // 1
      className: 'header',
      style: 'color: #f36b6b; padding-left: 16px;',
      text: 'Hi there ~'
    },
    {
      tag: 'section', // 2
      className: 'content',
      style: 'color: #606c76; padding-left: 16px;',
      text: 'Hallo, vdom content ~~',
      children: [
        {
          tag: 'p', // 3
          className: 'p1',
          text: 'too young'
        },
        {
          tag: 'p', // 4
          className: 'p2',
          text: 'too simple'
        },
        {
          tag: 'p', // 5
          className: 'p3',
          style: 'color: #f36b6b;',
          text: '+1s +1s +1s'
        },
        {
          tag: 'p', // 6
          className: 'p4',
          text: 'some time nativeeee'
        }
      ]
    },
    {
      tag: 'footer', // 7
      text: '@power by hwen <hwenleung@gmail.com>'
    }
  ]
}
        
      
新DOM结构
        
{
  tag: 'div',
  children: [
    {
      tag: 'h1',
      className: 'header',
      style: 'color: #7d7df1; padding-left: 16px;',
      text: 'Hii ~'
    },
    {
      tag: 'section',
      className: 'content',
      style: 'color: #606c76; padding-left: 16px; font-weight: bold;',
      text: 'Hallo, vdom content ~~',
      children: [
        {
          tag: 'p',
          className: 'p1',
          text: 'too young'
        },
        {
          tag: 'p',
          className: 'p2',
          text: 'some time nativeeee'
        }
      ]
    },
    {
      tag: 'footer',
      style: 'margin: 20px 16px;',
      text: '@power by hwen <hwenleung@gmail.com>'
    },
    
    {
      style: 'color: #606c76;  padding-left: 16px;',
      text: '== (○´・д・)ノ 暴力膜不可取 =='
    }
    
  ]
}