render() 函数

1.h函数的三个参数

第一个参数是必须的。
类型:{String | Object | Function}
一个 HTML 标签名、一个组件、一个异步组件、或一个函数式组件。
是要渲染的html标签。
第一个参数div 是表示创建一个div的元素

第二个参数是可选的。
类型:{Object} 主要是当前html中的各种属性。
如attrs，class，style等
在开发时。建议传，实在没有传的时候，传入 null


第三个参数可选的。
类型：{String | Array | Object} children
虚拟子节点(vnodes),当前html标签的元素。

使用attrs属性就可以绑定id

render函数如何绑定class 使用关键字class

render函数如何绑定style 使用关键字 style

export default{
        data(){
        return{
        }
},
    render(h){
        return h('div',{
        attrs:{
            id:"box"
        },
        class:{
            'demo':true
        },
        style:{
            'color':"red"
        },
    },
        "这是一个div元素"
    );
}
}
// render函数中如何绑定一个事件
// on: {
// 'click': function(event) {
// console.log(event)
// }
// }


// render如何添加事件修饰符 ~ 只会执行一次
// on: {
// '~click': function(event) {
// console.log(event)
// }
// }


这下面的方法这一个没有被实践过 不知道
// on:{
// 'click':function(event){
// event.stopPropgation();//阻止默认事件
// event.stopPrevent();
// event.target===event.target.current //点击的当前元素
// }
// }