Vue3 超前版发布，全面拥抱 JSX/TSX

本文主要是介绍Vue3 超前版发布，全面拥抱 JSX/TSX，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

拥抱 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 中配置这个插件，如下图。

这篇关于Vue3 超前版发布，全面拥抱 JSX/TSX的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---