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