Vue 2 中的 Hello World（JSX 方式）
JSX 并不打算由浏览器解释。它必须首先转换为标准的 Javascript。要使用 JSX，你需要安装 babel babel-plugin-transform-vue-JSX 的插件
运行以下命令：
npm install babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx babel-helper-vue-jsx-merge-props --save-dev
并将其添加到你的 .babelrc，如下所示：
{
"presets": ["es2015"],
"plugins": ["transform-vue-jsx"]
}
使用 VUE JSX 的示例代码：
import Vue from 'vue'
import App from './App.vue'
new Vue({
el: '#app',
methods: {
handleClick () {
alert('Hello!')
}
},
render (h) {
return (
<div>
<h1 on-click={this.handleClick}>Hello from JSX</h1>
<p> Hello World </p>
</div>
)
}
})
通过使用 JSX，你可以在编写 JavaScript 代码的同一文件中编写简洁的 HTML / XML 结构。