2024年09月29日 建站教程
JSX是JavaScript的一个类似XML的扩展，那么JSX如何在vue3中使用呢？下面web建站小编给大家详细介绍一下！
vue3+vite的项目不支持/code>jsx，如果想支持jsx，需要安装插件。
1、安装jsx脚手架
npm i @vitejs/plugin-vue-jsx -D
2、在vite.config.js中进行配置：
import vueJsx from "@vitejs/plugin-vue-jsx";
export default defineConfig({
plugins: [
vue(),
vueJsx()
],
});
3、在vue中使用：
import { ref } from "vue";
export default {
setup() {
const count = ref(100);
return () => <div>count is: {count.value}</div>;
},
};
Ps：script中lang要改成jsx。
本文链接：http://so.lmcjl.com/news/14203/