在Vue中，template和JSX到底哪个好？有思考过吗？

模拟面试、简历指导、入职指导、项目指导、答疑解惑可私信找我~已帮助100+名同学完成改造！

前言

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~

现在绝大部分的 Vue 项目都是使用 template，这是毋庸置疑的~

某一天我跟一位大佬同事在突然就这个问题展开了讨论，我说为啥我们的公司内部组件库不改用 JSX 去写呢？我感觉 JSX 比较接近原生，写起来比较灵活呀~

大佬随即抛出一个问题：那你觉得 JSX 和 template 的性能哪个好？

你还别说，我还真没考虑过这个问题~

我们要知道无论是 template 还是 JSX，在 vue 中最后都是编译成 render 函数

当我们被问到这个问题时：你觉得 JSX 和 template 的性能哪个好？

大部分人被问到这个问题时，都会第一时间觉得 JSX 性能更好，毕竟更接近原生，转化成 render 会更快~~~

但是你要想清楚一件事，你说的 JSX 性能好是指的编译快，编译快其实是构建时，但是真正的性能好是运行时

如果熟悉 Vue 的template模板编译的同学，会知道 Vue 在进行template模板编译的时候，会做各种优化，这些优化虽然会耗费构建时间，也就是构建时会比较慢，但是这些优化运用到最后产物的运行时的时候会大大提升性能

所以总结：

我是林三心

一个待过小型toG型外包公司、大型外包公司、小公司、潜力型创业公司、大公司的作死型前端选手；
一个偏前端的全干工程师；
一个不正经的掘金作者；
逗比的B站up主；
不帅的小红书博主；
喜欢打铁的篮球菜鸟；
喜欢历史的乏味少年；
喜欢rap的五音不全弱鸡如果你想一起学习前端，一起摸鱼，一起研究简历优化，一起研究面试进步，一起交流历史音乐篮球rap，可以来俺的摸鱼学习群哈哈，点这个，有7000多名前端小伙伴在等着一起学习哦 -->

广州的兄弟可以约饭哦，或者约球~我负责打铁，你负责进球，谢谢~