
正文
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
修改配置
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语法了。






