let data = {
  size: 'small'
}
let methods = {
  clickHandler() {
  }
}
Object.assign(window, data, methods)
// 契约数据
const vdom = {
  vid: 'root',
  tag: 'div',
  attrs: {
  },
  children: [{
    vid: 'fe5s1f5gegr4',
    tag: 'el-row',
    attrs: {},
    children: [{
      vid: 'qwef5g165hse',
      tag: 'el-col',
      attrs: {
        span: 12
      },
      children: [{
        vid: '526g4h1fg2hj1',
        tag: 'el-button',
        attrs: {
          size: this.size,
          icon: 'el-icon-plus',
          type: 'primary'
        },
        on: {
          click: this.clickHandler
        },
        text: '按钮'
      }]
    }]
  }]
}
// 契约转vnode
const dataToVnode = (createElement, data) => {
  let children = []
  if (data.children && data.children.length) {
    children = data.children.map(item => dataToVnode(createElement, item))
  } else {
    children = data.text
  }
  return createElement(data.tag, {
    attrs: {
      ...data.attrs,
      vid: data.vid
    },
    on: {
      ...data.on
    }
  }, children)
}
// 生成vnode
const vnode = {
  render(createElement) {
    return dataToVnode(createElement, vdom)
  }
}
new Vue({
  render: h => h(vnode)
}).$mount('#app')