vuejs中的js调用式组件 使用h函数加载组件，如何在h函数里面监听组件的事件

好的，如果你使用的是Vue.js，可以通过在h函数中为组件添加事件监听器来监听组件的事件。具体方法如下：

1. 在h函数中使用Vue.component函数注册组件，例如：

h('my-component', {
  on: {
    click: () => {
      console.log('my-component clicked')
    }
  }
})

2. 在组件的定义中，使用$emit方法触发事件，例如：

Vue.component('my-component', {
  template: '<div @click="$emit(\'click\')">My Component</div>'
})

这样，当你在h函数中加载这个组件时，就可以通过on属性监听组件的click事件，并在回调函数中执行相应的操作了。

需要注意的是，监听组件事件需要在组件实例化之后才能生效。如果你在h函数中动态的创建了组件，需要在组件被挂载到DOM树后才能监听它的事件，可以使用Vue.nextTick方法或者在组件的mounted生命周期钩子函数中进行监听。例如：

const vm = new Vue({
  el: '#app',
  render(h) {
    return h('my-component', {
      on: {
        click: this.handleClick
      }
    })
  },
  methods: {
    handleClick() {
      console.log('my-component clicked')
    }
  }
})

Vue.nextTick(() => {
  vm.$children[0].$on('click', () => {
    console.log('my-component clicked')
  })
})

这里，我们在h函数中为组件绑定了click事件，并在组件实例化之后使用Vue.nextTick方法监听了它的事件。