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