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语法了。

转载于:https://www.cnblogs.com/weiqinl/p/6832870.html