Vue如何支持JSX语法详解

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 <p id="foo">bar</p>
 }
})