vue3的render函数绑定点击事件失败

Question

 app.component("child", {
        props: ["count"],
        methods: {
          handleClick() {
            console.log("test");
          },
        },
        render() {
          const { h } = Vue;
          return h(
            "div",
            {
              on: {
                click: this.handleClick,
              },
              style: {
                cursor: "pointer",
              },
            },
            " count: " + this.count
          );
        },
      });

代码如上，我想使用render函数创建一个组件模板，并且给该组件绑定一个点击事件，为什么不能成功？应该怎么写，上面是我百度的写法。可这写法写上去，只是让html代码多一个on的属性，和事件没什么关系。

<div on="[object Object]" test="test" style="cursor: pointer;"> count: 1</div>

Answer 1

vue3中需要使用onClick驼峰写法，这样写就生效，具体参考官方文档：https://v3.cn.vuejs.org/guide/render-function.html#h-%E5%8F%82%E6%95%B0