uniapp怎么使用jsx

安装@vitejs/plugin-vue-jsx

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

vite.config.js配置

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import vueJsx from '@vitejs/plugin-vue-jsx'

export default defineConfig({
  plugins: [
    uni(),
    vueJsx({
      // options are passed on to @vue/babel-plugin-jsx
    })
  ],
});


使用方法,创建.jsx当组件使用。
JSXDemo1.jsx

export default {
  setup() {
    return () => <div>123456</div>;
  },
};

使用

<template>
	<jsxDemo1></jsxDemo1>
</template>
<script>
	import jsxDemo1 from './JSXDemo1.jsx'
	export default {
		components: {
			jsxDemo1
		},
		data() {
			return {

			}
		},
		methods: {},
	}
</script>

效果:
在这里插入图片描述
注意:微信小程序不支持