vue组件的对象式写法，vue中的h函数

render：将虚拟dom转为真实dom

h函数：创建的是vnode，也可以成为createVnode函数

　　语法：h(元素名称 ,这个元素的数据,子集)

• 第一个参数：可以为一个html标签，一个组件，一个异步组件，或者是一个函数式组件。
• 第二个参数：{ Object } Props，与attributes和props,以及事件对应的对象，我们可以在模板中使用，如果没有需要传入的属性，可以设置为null。
• 第三个参数：{String | Object |Array}可以是字符串Text文本或者是h函数构建的对象再者可以是有插槽

// 组件的对象式写法

// 1 .vue 变为对象 ={} 

import {h} from "vue";

let Wfonction={

    // 创建一个组件 布局<div> <h2>内容</h2>  <div></div>div的内容</div>

    render(){   // render 就是把虚拟dom 变为 真实dom
            return h("div",{id:"box"},h("h2",{},"内容"),h("div",{},"div的内容"))
        
    }
}