语法：render:(h,params)=>{}

render:(h,params) => {  return h(" 定义的元素 "，{ 元素的性质 }，" 元素的内容"/[元素的内容])}

当定义的元素没有其他元素时：

render:(h,params)=>{    return h('div', {style:{width:'100px',height:'100px',background:'#ccc'}}, '地方')}

当定义的元素中要嵌套其他元素时：

render:(h,params)=>{     return h('div',{style:{width:'100px',height:'100px',background:'#ccc'}},[h('p','内容2')],'内容1')}

我们可以嵌套3层元素来完成，来看看第一二层元素的嵌套：

render:(h, params) => {  return h('div',[                  h('div',{style:{float:'left',width:'50px',height:'50px',background:'#ccc'}},[h('p','内容2')]),                  h('div',{style:{float:'left',width:'50px',height:'50px',background:'#fc1'}},[h('p','内容2')])                ])}

元素如何绑定事件：

on: {    click: () => {console.log('ffff')},    mouseover:() => { console.log('bbb')} }

如何根据后台的数据判断是否显示某些元素：

{            title: '操作',            align:'center',            width:130,            render:(h, params) => {              let status = params.row.Status; //0:空闲  1:游戏  2:未上线              if (status===0){ return h('Button','空闲中') };              if (status===1){ return h('Button','游戏中')};              if (status===2){ return ""} //未上线时不显示}}

原文：