vue3 jsx 和 template 哪个性能好 - V2EX
jahnsli

vue3 jsx 和 template 哪个性能好

  •  
  •   jahnsli Aug 25, 2022 4815 views
    This topic created in 1361 days ago, the information mentioned may be changed or developed.

    二次封装 UI 库,card button 这种组件, 是建一个 vue 文件包一层 ( base-button base-card ),还是写 jsx render 哪种性能好

    20 replies    2022-08-28 01:52:21 +08:00
    shintendo
        1
    shintendo  
       Aug 25, 2022
    我的理解是,template 的写法更“死板”,有利于编译器做静态分析和优化,性能应该是更好的
    molvqingtai
        2
    molvqingtai  
       Aug 25, 2022 via Android
    template 性能更好,在编译时就会把固定的节点抽离出来,不参与 vnode 遍历,jsx 就做不到
    dumbass
        3
    dumbass  
       Aug 25, 2022
    当然是 template 了,vue 针对 template 做了优化,用 jsx 就等于放弃了优化
    whywaoxaks
        4
    whywaoxaks  
       Aug 25, 2022
    template
    tutou
        5
    tutou  
       Aug 25, 2022
    我就说这帖子怎么看过?原来是群友,我还以为我大早上就头脑混乱了。
    jahnsli
        6
    jahnsli  
    OP
       Aug 25, 2022
    群里问,群里问,群里问完 V2EX 问。
    xiaojun996
        7
    xiaojun996  
       Aug 25, 2022
    想都不用想 template 可以在编译时优化
    CHTuring
        8
    CHTuring  
       Aug 25, 2022
    为什么我要用 Vue 写 tsx 吗?

    如果 Volar 没有那么傻逼,稍微没那么占内存,还稍微不那么卡的话,我也愿意用装上插件用模板。

    而且 template 的优化根本就可以忽略不计
    z13zvxc
        9
    z13zvxc  
       Aug 25, 2022
    @CHTuring Volar 真的卡的受不了 这也是我转 react 的最大动力
    CHTuring
        10
    CHTuring  
       Aug 25, 2022
    @z13zvxc Vetur 不更新了,Vue3 只有一个 Volar 这一个选项,M1 Pro 16G 都不配用它,该卡还是卡。我是 Vue 和 React 都写。所以能写 tsx 的我都用 tsx 代替,还不需要插件支持。
    linkopeneyes
        11
    linkopeneyes  
       Aug 25, 2022
    @CHTuring 卡就算了,反应还慢,最主要到现在自定义指令都没提示,props 定义起来还奇怪,真不知道 ts 到哪里去了
    anguiao
        12
    anguiao  
       Aug 25, 2022   1
    还好我用 WebStorm
    murmur
        13
    murmur  
       Aug 25, 2022
    @CHTuring 你都买 m1 macbook pro 了,换个 webstorm 试试,不是只有苹果值得花钱的
    CHTuring
        14
    CHTuring  
       Aug 25, 2022
    @murmur VSCode 用习惯了,话说 webstorm 的光标有没有 cursorSmoothCaretAnimation 这样的选项,太生硬了。
    daliusu
        15
    daliusu  
       Aug 25, 2022
    template 性能好,但是我选 jsx ,template 对 ts 的支持感觉很垃圾( webstorm
    caisanli
        16
    caisanli &bsp;
       Aug 25, 2022 via iPhone   1
    在生产环境就没区别了吧 打包的时候 都会转成 render 函数
    Jaufey
        17
    Jaufey  
       Aug 25, 2022 via Android
    @molvqingtai 前些日子刚好遇到一个 static hoisting 的小坑。虽然我的用法也是不规范的。
    zhoupeng199
        18
    zhoupeng199  
       Aug 25, 2022
    尤雨溪表示,“<script setup> + TS + Volar = 真香”。
    chenjiangui998
        19
    chenjiangui998  
       Aug 28, 2022
    @z13zvxc 我用 volar 一点都不卡啊 两台设备 m1 pro + 16g 和 i5 12500h + 64g
    chenjiangui998
        20
    chenjiangui998  
       Aug 28, 2022
    @anguiao webstorm template 不支持可选链的 ! 操作符, 用不下去了
    About     Help     Advertise     Blog     API     FAQ     Solana     917 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 54ms UTC 18:59 PVG 02:59 LAX 11:59 JFK 14:59
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86