v-if和v-show选择哪个？

Question

vue前端有个for循环，对象数组数据较多，做成卡片形式，但如果数据含量超出50，整个页面会非常卡顿，然后这边做了个分页处理，请问分页的时候，用v-if还是v-show较好？

Answer 1

一般来说v-show适合数据量大，建议v-show. 因为v-if是动态创建dom和删除dom 。你是什么样地分页啊，截个图看看。
如果你是一次性请求回来数据，前端自己做分页。和 每次都请求 是有些不一样的（因为每页50条其实也不算太大）。

你可以试试 chrome的性能工具：
点击录制然后刷新一下页面看看哪个更好

这些指标是Chrome性能工具中的一些常见性能指标，用于衡量网页加载和运行过程中的各个阶段的耗时。以下是对每个指标的解释：

Loading（加载）：指的是从发起网络请求到接收到所有资源的时间。它包括了网络请求、DNS解析、建立连接、传输资源等过程的时间。

Experience（用户体验）：指的是从发起网络请求到用户能够看到页面内容的时间。它包括了网络请求和解析HTML、CSS、JavaScript等资源的时间。

Scripting（脚本执行）：指的是执行JavaScript代码的时间。它包括了JavaScript的解析、编译和执行的时间。

Rendering（渲染）：指的是将HTML、CSS等内容转换为可见页面的时间。它包括了DOM树构建、CSS样式计算、布局和绘制的时间。

Painting（绘制）：指的是将渲染好的页面内容绘制到屏幕上的时间。它包括了像素的绘制和合成的过程。

System（系统）：指的是操作系统和浏览器在处理页面加载和渲染时的时间。它包括了浏览器的事件处理、回流和重绘等过程的时间。

Idle（空闲）：指的是页面处于空闲状态的时间，即没有任何活动。在这段时间内，浏览器可以执行一些优化操作，如资源预加载等。

Total（总耗时）：指的是从发起网络请求到页面完全加载和渲染完成的总时间。
这些指标可以帮助开发者分析网页的性能瓶颈，找出优化的方向。通过对每个阶段的耗时进行监测和分析，可以了解到网页加载和运行的性能情况，从而进行性能优化和提升用户体验。