十九、vue3中tsx的一些使用区别和技巧

        随着Vue3使用越来越广泛，Vue写法也慢慢在改进，Vue3版本已经支持tsx，TSX（TypeScript JSX）和Vue文件是两种不同的文件格式和写法，TSX是一种在TypeScript中编写React组件的方式，它使用JSX语法来描述组件的结构和行为。TSX文件是以.tsx或.jsx为后缀的文件，其中可以包含TypeScript代码、JSX语法和React组件。Vue文件是Vue框架中的组件文件，它使用Vue的模板语法和单文件组件的格式来描述组件的结构和行为。Vue文件是以.vue为后缀的文件，其中包含了模板、样式和行为的定义。

两者区别：

1、语法：TSX使用JSX语法，而Vue文件使用Vue的模板语法。

2、文件格式：TSX文件是以.tsx或.jsx为后缀的文件，Vue文件是以.vue为后缀的文件。

3、组件定义：TSX中的组件定义使用类的方式，通过继承React.Component来定义组件。Vue文件中的组件定义使用Vue.extend或Vue.component来定义组件。

4、模板语法：TSX中的模板语法使用JSX语法，可以在TSX文件中直接嵌入HTML标签和JavaScript表达式。Vue文件中的模板语法使用Vue的