Vue3+Vite项目如何简单使用tsx

1. 安装必要的依赖

   npm install @vitejs/plugin-vue-jsx -D

2. 在 vite.config.ts 中添加以下内容

   import vueJsx from '@vitejs/plugin-vue-jsx'
   export default {plugins: [vueJsx()]
   }

3. 在Vue页面使用
   

   <script lang="ts">
   import { defineComponent } from 'vue'
   export default defineComponent({setup() {return () => (<div>我使用tsx了，真开心</div>)}
   })
   </script>

4. 运行效果如下