跳至主要內容

TSX

小于 1 分钟

TSX

JSX · TypeScript 中文网 · TypeScript——JavaScript 的超集 (tslang.cn)open in new window

学习 Vue3 第二十五章(TSX) _小满 zs 的博客-CSDN 博客open in new window

(为什么 Vue3 的组件库都在使用 jsx/tsx? - 知乎 (zhihu.com)open in new window

JSXopen in new window是一种嵌入式的类似 XML 的语法。 它可以被转换成合法的 JavaScript,尽管转换的语义是依据不同的实现而定的。 JSX 因Reactopen in new window框架而流行,但也存在其它的实现。 TypeScript 支持内嵌,类型检查以及将 JSX 直接编译为 JavaScript。

在此之前使用的是 Template 去写模板。现在可以扩展另一种风格: TSX风格

vue2 的时候就已经支持 jsx 写法,只不过不是很友好,随着 vue3 对typescriptopen in new window的支持度,tsx 写法越来越被接受

  • 安装

    pnpm install @vitejs/plugin-vue-jsx -D
    

todo: 感觉暂时没有上 JSX/TSX 的需求, 后面切实需要用到时再看看吧

至少目前大部分业务场景都可以直接 template 写