简介:babel-plugin-transform-vue-jsx 是一个用于 Vue 2.0 的 Babel 插件,它允许在 Vue 组件中使用 JSX 语法进行声明式渲染,简化开发流程。
babel-plugin-transform-vue-jsx 是一个用于 Vue 2.0 JSX 的 Babel 插件。使用 Babel 7 的话,请安装版本为 4.x;如果使用的是 Babel 6,则应选择版本为 3.x。
假设您将 Babel 和模块捆绑器(如 Webpack)一起使用,因为扩展合并帮助器已作为模块导入以避免重复。这与 babel-plugin-transform-react-jsx 类似。
要安装,请执行以下命令:
```
npm install \
babel-plugin-syntax-jsx \
babel-plugin-transform-vue-jsx \
babel-helper-vue-jsx-merge-props \
babel-preset-env \
--save-dev
```
在您的 .babelrc 文件中,添加如下配置:
```json
{
presets: [env],
plugins: [
syntax-jsx,
[transform-vue-jsx, { runtime: vue }]
]
}
```