render和h函数用法

render和h()是处理虚拟dom的核心机制。他们的用法如下：

一、h()函数

用于创建虚拟DOM节点

h(type,props,children)

type:标签名

props：属性对象（class、style、onclick()等）

children:子节点（字符串、数组）

在render函数中手动构建VNode,动态生成DOM结构

案例：

render(){
    return h('button',{
        class:'btn',
        onClick:()=>{}
    },'点击')
}

二、render函数

代替模板template，直接通过JavaScript编程式形成虚拟Dom

render 函数内部必须调用 h() 或其他生成 VNode 的方法