拥抱 JSX/TSX？
我们都知道 Vue 一直主流是使用 template 模板来进行页面的编写。而就在最近，Vue3 的超前项目 Vue Macros 中，发布了 defineRender、setupComponent、setupSFC 这些新的 API，这代表了，以后 Vue3 有可能可以全面拥抱 JSX/TSX 了！！
说这个新 API 之前，我们先来说说什么是 Vue Macros
Vue Macros
Vue Macros 是由 Vue 团队成员维护的一个 超前版 Vue。许多 Vue3 的新 API 都是在这个项目中孵化出来的，比如 Vue3.4 的：
-
defineOptions
-
defineModel所以从 Vue Macros 这个项目，也可以预见到 Vue3 未来可能会发布的新 API 和新特性。
图片
Vue Macros 中很多功能都是超前功能，在 Vue3 正式版中并没有这些功能，如果想要体验这些超前功能，需要安装对应的插件。
npm i -D unplugin-vue-macros并在 vite.config.ts 中配置这个插件，如下图。
