vue.js - Vue jsx イベント ハンドラー

Question

クリック ハンドラーにキャメル ケースを使用し、入力 (およびその他すべて) にケバブを使用する理由を明確にするドキュメント セクションはありますか? ただし、クリックではなく、クリックのみがonClick機能します。

on-input実際、一般的な入力の場合、両方のオプションがまたはのいずれかで正常に機能することに気付きましたonInput。

const MyJSXInput = {
  props: {
    value: {
      type: Boolean,
      required: true
    },
    clickHandler: {
      type: Function,
      required: true
    },
    inputHandler: {
      type: Function,
      required: true
    },
  },
  // eslint-disable-next-line no-unused-vars
  render(createElement) {
    const { value, clickHandler, inputHandler } = this.$props
    return (
      <input onClick={clickHandler} on-input={inputHandler} type="checkbox" value={value} />
    )
  }
}

問題があるかどうかはわかりませんが、このコンポーネントを別のコンポーネントのレンダリング関数の小道具として使用しています。このように（すべて簡略化）：

    renderProp: () => (
      <MyJSXInput 
        value={someValue}
        click-handler={this.someHandlerClick}
        input-handler={this.someHandlerInput}
      />
    )

そして、この最後のコンポーネントには次のようなものがあります。

  render(h) {
    return (
      <div>
        {this.$props.renderProp(this)}
      </div>
    )
  }