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  阅读(1978)  评论(0编辑  收藏  举报