Vue3中如何使用TSX编写组件？

本文共计778个文字，预计阅读时间需要4分钟。

目录- 插件安装与文件配置- TSX 语法格式- TSX 语法注意事项- 在 Vue2 中使用 JSX- JSX 语法概述

目录

• 插件安装与文件配置
• tsx语法格式
• tsx语法注意事项

在vue2的时候就已经可以使用 jsx 语法，但是不是很友好，写起来是一件很痛苦的事情，所以你很少见到有人会在vue2中书写 jsx 语法，官方也不建议我们在vue2中进行书写 jsx 的代码风格：

但随着vue3版本的到来，对typescript的支持度越来越高，tsx语法也被大部分人越来越接收，所以很多项目都是搭配 Vue3 + TS 进行的，所以在vue3项目中懂得如何书写 tsx 风格的代码，对于代码扩展学习还是有必要的。