title: Binding custom event with Vue 2 and JSX
body: <p>I want to bind custom event on root tag instead of binding it in <code>mounted()</code>. So I try the following code:</p>
  
  <pre><code>render (h) {
    return (
      &lt;div on-custom-event={this.handleCustomEvent}&gt;&lt;/div&gt;
    )
  }
  </code></pre>
  
  <p>But when I run it with Chrome, I found that <code>custom-event</code> was bound to DOM which cannot be fired using <code>$emit</code>, but with <code>VueJS 2</code>'s template syntax it is easy to do:</p>
  
  <pre><code>&lt;template&gt;
     &lt;div @custom-event="handleCustomEvent"&gt;&lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Please help me on this problem, thanks! </p>