Vue
2026-10-07
Vue 3 渲染卡顿排查:key 的使用、大列表与响应式开销
页面卡不一定是 Vue 慢,多数是列表 key 写错、把大对象塞进响应式、或者在一个 computed 里做了太多计算。本文按「先定位再优化」的顺序,给出 DevTools 排查步骤与四个高频改法。
管理员
202 次阅读
共 2 篇相关文章
页面卡不一定是 Vue 慢,多数是列表 key 写错、把大对象塞进响应式、或者在一个 computed 里做了太多计算。本文按「先定位再优化」的顺序,给出 DevTools 排查步骤与四个高频改法。
Composition API 让逻辑可以按功能抽成组合函数,但 ref 与 reactive 混用、watch 清理不彻底、跨组件共享状态随意放置,都会带来隐性 bug。本文用一个轮询组合函数说明状态该放哪一层、副作用何时必须清理。