這里主要是使用：

babel-plugin-transform-vue-jsx

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

目前狀態：

（1）針對于vue2.0 的項目
（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)舉例說明

HTML

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

JS

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。