vuejs使用jsx语法

想要vuejs项目支持jsx语法,需要一些插件
babel-plugin-transform-vue-jsx

Babel plugin for Vue 2.0 JSX

使用方法:

安装

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

修改配置

修改 .babelrc文件

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

完成

可以在vuejs2.0版本的项目中,正常使用jsx语法了。

posted @ 2017-05-09 21:47  weiqinl  阅读(2033)  评论(0)    收藏  举报