vue3.2 JSX语法使用

下载 @vitejs/plugin-vue-jsx
npm install @vitejs/plugin-vue-jsx --save-dev

vite.config.ts 文件做一下配置

1. 引用  import vueJsx from '@vitejs/plugin-vue-jsx'
2. 在defineConfig=》plugins内部集成，如下：

 plugins: [
       vue({
           reactivityTransform: true,
       }),
       vueJsx({
           // options are passed on to @vue/babel-plugin-jsx
       }),
]

使用的时候一定记得

<script lang="jsx">
//在编写自己需要的代码

</script>

如想看更详细代码或想学习vite和vue3.2+请移步： tw-vue-vite: 一个基于vue3.2（全家桶）+ vite + elementplus的系统集成架构 (gitee.com)