Vue3+Vite项目如何简单使用tsx
- 安装必要的依赖
npm install @vitejs/plugin-vue-jsx -D
- 在
vite.config.ts
中添加以下内容import vueJsx from '@vitejs/plugin-vue-jsx' export default {plugins: [vueJsx()] }
- 在Vue页面使用
<script lang="ts"> import { defineComponent } from 'vue' export default defineComponent({setup() {return () => (<div>我使用tsx了,真开心</div>)} }) </script>
- 运行效果如下