這里主要是使用：

babel-plugin-transform-vue-jsx

github地址： https://github.com/vuejs/babel-plugin-transform-vue-jsx

目前狀態(tài)：

（1）針對(duì)于vue2.0 的項(xiàng)目
（2）Babel 6，Babel 7都可以使用

使用方式

（1）安裝：

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

（2）配置.babelrc

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

(3)舉例說(shuō)明

HTML

<div id="foo">{this.text}</div>

JS

h('div', {attrs: {id: 'foo'} }, [this.text])

這樣我們就可以愉快的使用 jsx 寫render function了

總結(jié)

以上是生活随笔為你收集整理的vue项目中使用JSX的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。