render函数中如何绑定id和class和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 //点击的当前元素
//        }
//    }