How to use a custom renderer to handle events

[aiselp]

I am writing a custom renderer using '@vue/runtime-core', but I encountered problems when handling the event triggers of components.

import { createApp,h } from "@vue/runtime-core";
const A = {
  emits: ["yi"],
  mounted() {
    setTimeout(() => {
      this.$emit("yi");
    }, 1000);
  },
  //...
};

const app = createApp({
  render() {
    return h(A,{
      onYi(){
        console.log('emit yi');
      }
    })
  }
})
//...

The above example will not print 'emit yi' after the app is mounted.
I checked https://github.com/vuejs/core/blob/main/packages/runtime-test/src/triggerEvent.ts
It does not demonstrate how to handle the $emit function in the component.

[Wei-Ba]

@vue/runtime-core里没有createApp
其他没什么问题

[leno23]

import { createApp,h } from "@vue/runtime-core"; 换成 import { createApp,h } from "@vue/runtime-dom";试试？

[aiselp]

重新测试了一下又好了，我发现之前测试是使用'@yi'作为属性名传递的，而"@vue/runtime-core"似乎只能使用on开头驼峰命名