使用jsx编写vue组件，如何使用sync修饰符绑定事件？

Question

这是MyCompnent

props: ['visible']
  methods: {
    update () {
     this.$emit('update:visible')
  }
}

我在jsx中使用这个组件：

<MyComponent visible={this.visible} {...{['on-update:visible']: console.log}} />

但无法绑定事件。

所以如何在jsx中绑定此事件。

Answer 1

我找到了示例https://github.com/vuejs/babel-plugin-transform-vue-jsx/blob/master/example/example.js

的答案

它不能这样写：

<MyComponent visible={this.visible} {...{on:{'update:visible': console.log}} />