安装@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>
效果: