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

[gefangshuai]

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

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

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

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

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

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

[apeople]

我也是只要点开了 vue devtool 页就巨卡，应该是 devtool 的性能问题导致的

[dengshen]

换个 ui 库试试

[ztc]

vue devtool 确实会卡

[Bingchunmoli]

要不试试其他，我 vite+vue+ts+element 没什么问题，不过我是自己写自己的东西可能不是公司的巨型项目没有可比性

[wu67]

看数据量. 我自己搞的小项目, 因为数组有 2000 到 6000 项, 遍历起来那叫一块刺激, devtool 很容易卡死.
所以写的时候, 都是小心翼翼的, 先各种 filter 才敢 map slice

[guchengzhihuan]

卡有两个原因：
1.你当前页面渲染的 dom 数量过多，比如 Select 选择器（ 2 千个以上）
2.vue devtool 会消耗性能统计展示的信息

[null00]

是的

[gefangshuai]

@guchengzhihuan 感觉应该是 devtools 优化的问题，首先没多少代码量，没有多少 dom 节点，再一个关了 devtools 后，马上丝般顺滑

[soseek]

我也碰到过，还以为项目有性能问题，结果下次换了台没有 vue devtool 的电脑开发，居然丝滑了，导致现在都是禁用了 devtool