本文主要是介绍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的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!