vue jsx事件绑定使用修饰符

Question

用jsx写vue组件 绑定事件时如何使用 .once修饰符？

例如

<li @click.once="handleClick"></li>

使用jsx语法应该怎么写？

Answer 1

babel-plugin-transform-vue-jsx不支持时间修饰符语法，需配合babel-plugin-jsx-event-modifiers使用
最终选择了https://github.com/vuejs/jsx这个官方库，待测试
参考链接：https://github.com/vuejs/babe...
https://github.com/vuejs/babe...

Answer 2

<li vOn:click_once={this.handleClick}></li>

是根据下划线 split('_') 分割获得修饰符，转换成 ~click
jsx的测试代码 jsx/packages/babel-sugar-v-on/test/snapshot.js