后端一次返回 10w 条数据，本身这种技术方案设计就不合理。

问题分析：

JS 支持处理10w 条数据，但 DOM 一次渲染 10w 条数据，可能会卡顿，所以需想办法减少 DOM 渲染

若非要实现，则可以考虑以下两种方案

自定义中间层

• 获取并拆分这 10w 条数据，前端对接 nodejs 中间层，而不是服务端
• 成本比较高

虚拟列表

只渲染可视区域 DOM，其他区域用<div>撑起高度，随着浏览器滚动，创建和销毁 DOM

但实现起来非常复杂，建议用第三方库

• Vue-virtual-scroll-list
• React-virtualiszed

尽量避免使用，低配手机上，效果可能不太好。