你们开发 vite+vue3 项目,打开 vue devtools 页面不卡吗? - V2EX
gefangshuai

你们开发 vite+vue3 项目,打开 vue devtools 页面不卡吗?

  •  
  •   gefangshuai Aug 14, 2022 4276 views
    This topic created in 1388 days ago, the information mentioned may be changed or developed.

    我用同一个页面这边测试了几个浏览器:

    • Microsoft Edge:巨卡
    • Vivaldi:巨卡
    • Chrome 轻微卡顿

    项目用了 Ant Design Vue 3.2 ,有时候路由跳转卡三四秒钟才会显示新页面。有时候点击下拉菜单,卡一两秒才会展开选项。

    起初我以为是代码哪里写的有问题,当我关了 devtools 后,页面在上述浏览器丝般流畅。

    真是太奇怪了,以前用 vue2.0 的时候,没遇到过这种情况。我看 devTools 里面有几个选项说是如果性能下降就关上,我关了后,卡顿并没有减轻。

    大家也是同样的情况吗?项目代码并不多。

    9 replies    2022-08-17 00:13:11 +08:00
    apeople
        1
    apeople  
       Aug 14, 2022
    我也是只要点开了 vue devtool 页就巨卡,应该是 devtool 的性能问题导致的
    dengshen
        2
    dengshen  
       Aug 15, 2022 via iPhone
    换个 ui 库试试
    ztc
        3
    ztc  
       Aug 15, 2022
    vue devtool 确实会卡
    Bingchunmoli
        4
    Bingchunmoli  
       Aug 15, 2022 via Android
    要不试试其他,我 vite+vue+ts+element 没什么问题,不过我是自己写自己的东西可能不是公司的巨型项目没有可比性
    wu67
        5
    wu67  
       Aug 15, 2022
    看数据量. 我自己搞的小项目, 因为数组有 2000 到 6000 项, 遍历起来那叫一块刺激, devtool 很容易卡死.
    所以写的时候, 都是小心翼翼的, 先各种 filter 才敢 map slice
    guchengzhihuan
        6
    guchengzhihuan  
       Aug 15, 2022
    卡有两个原因:
    1.你当前页面渲染的 dom 数量过多,比如 Select 选择器( 2 千个以上)
    2.vue devtool 会消耗性能统计展示的信息
    null00
        7
    null00  
       Aug 15, 2022
    是的
    gefangshuai
        8
    gefangshuai  
    OP
       Aug 16, 2022
    @guchengzhihuan 感觉应该是 devtools 优化的问题,首先没多少代码量,没有多少 dom 节点,再一个关了 devtools 后,马上丝般顺滑
    soseek
        9
    soseek  
       Aug 17, 2022 via Android
    我也碰到过,还以为项目有性能问题,结果下次换了台没有 vue devtool 的电脑开发,居然丝滑了,导致现在都是禁用了 devtool
    About     Help     Advrtise     Blog     API     FAQ     Solana     3905 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 66ms UTC 04:28 PVG 12:28 LAX 21:28 JFK 00:28
    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