2026-01-06 vue 基础入门 , 大规模列表渲染 , 虚拟滚动 , vue-virtual-scroller , v-memo , 性能优化 , DOM优化 12 分钟阅读Vue虚拟滚动如何将列表DOM数量从万级降至十位数？大规模列表用v-for渲染时，过多DOM节点致页面初始化慢、滚动卡顿等性能问题。优化方案：虚拟滚动（如vue-virtual-scroller的RecycleScroller）通过计算可视区域项数，仅渲染少量DOM（如item-size设50px，10000条数据仅渲染10条）；v-memo缓存模板片段，依赖数组参数控制是否更新，结合v-for减少重复渲染。阅读更多 cmdragon
2026-01-01 vue 基础入门 , key属性 , Vue列表渲染 , Diff算法 , DOM优化 , 唯一标识 , 常见错误处理 14 分钟阅读Vue v-for的key：为什么它能解决列表渲染中的“玄学错误”？选错会有哪些后果？Vue列表渲染v-for中，key给DOM节点唯一稳定标识，助Diff算法高效更新，避免表单输入错位等问题。key优先选后端id，避免用index（列表变化时不稳定）、随机值（重创建节点）。错误用index或随机值会引发更新问题，正确用id可保障高效稳定。阅读更多 cmdragon
