weixin_43303348的博客

原创 在vue3中如何使用jsx语法

注意：vite版本升级后，PluginOption 接口定义发生了变化，旧版本的插件@vitejs/plugin-vue-jsx与vite 新版本不兼容。浏览vue官网文档时，发现vue3 支持jsx语法，这让我这个react小白顿时提起了兴趣，在阅读文档何查找相关资料的前提下，实现了一个搜索框内容。首先去tsconfig.ts 中开启 jsxImportSource和 jsx。第二步下载@vitejs/plugin-vue-jsx 插件。接下来就可以在vue中使用jsx。最后贴上我写的tsx代码。