@vue/babel-plugin-jsx 插件的配置

@vue/babel-plugin-jsx 是一个用于在 Vue.js 项目中使用 JSX 语法的 Babel 插件。配置它的步骤如下：

1. 安装 @vue/babel-plugin-jsx 插件。

   npm install --save-dev @vue/babel-plugin-jsx

2. 在 babel.config.js 或 .babelrc 文件中添加插件。

   // babel.config.js
   module.exports = {
     presets: ['@vue/cli-plugin-babel/preset'],
     plugins: [
       [
         '@vue/babel-plugin-jsx',
         {
           // 配置项
         }
       ]
     ]
   }

   // .babelrc
   {
     "presets": ["@vue/cli-plugin-babel/preset"],
     "plugins": [
       [
         "@vue/babel-plugin-jsx",
         {
           // 配置项
         }
       ]
     ]
   }

配置项可以参考官方文档：[https://github.com/vuejs/jsx/tree/dev/packages/babel-plugin-jsx#options](https://github.com/vuejs/jsx/tree/dev/packages/babel-plugin-jsx#options)。

注意：如果你使用的是 Vue CLI 3.x 版本创建的项目，那么 babel.config.js 文件已经存在，你只需要在 plugins 数组中添加插件即可。

3. 在组件中使用 JSX 语法。

   export default {
     render() {
       // 使用 JSX 语法
       return <div>Hello, World!</div>
     }
   }

以上就是 @vue/babel-plugin-jsx 插件的配置步骤。