为什么要使用 JSX 前阵子在 Vue3 项目中封装一个基础组件的时候用到了 JSX 语法，使用下来的感受就是 —— 某些场景下，JSX 的灵活性对我们编写代码还是能够带来一定的帮助的。 举两个常见的

我发现在 vue 中使用 TSX 写组件与 react 相比大有不同，而且很多注意点是在官方文档中没有提到的，需要自己去各种犄角旮旯查。于是我将使用 JSX/TSX 开发组件中的各个要点整理为文章..

本文主要针对在 Vue3 中写 JSX 感兴趣的朋友，其实就是想与 jsx 结合，代码跨界更有趣. 为什么能写 jsx/tsx 主要原因 vue template 或者 jsx/tsx 都会被编译成

2021年，vue3发布了正式版本，并且经过一年的维护已经越来越稳定，我们在公司项目中也小范围的上线了vue3的项目，总体还是很不错的，但是setup语法需要return比较麻烦，还有.value问题

我们都知道,通常情况下我们使用 vue 大多都是用的 SFC(Signle File Component)单文件组件模式,即一个组件就是一个文件,但其实 Vue 也是支持使用 JSX 来编写组件的。这

JSX是为了应对更灵活场景的组件开发，以前是使用render函数，但是对于一些复杂组件render函数从写法及维护上效率太低，于是借鉴了react思想，使用JSX语法，最后仍编译为render函数。