createElement(
 'anchored-heading', {
 props: {
 level: 1
 }
 }, [
 createElement('span', 'Hello'),
 ' world!'
 ]
)

<anchored-heading :level="1">
　　<span>Hello</span> world!
</anchored-heading>

npm install\
 babel-plugin-syntax-jsx\
 babel-plugin-transform-vue-jsx\
 babel-helper-vue-jsx-merge-props\
 babel-preset-es2015\
 --save-dev

{
"presets": ["es2015"],
"plugins": ["transform-vue-jsx"]
}

Vue.component('jsx-example', {
 render (h) { // <-- h must be in scope
 return <div id="foo">bar</div>
 }
})