vue实现页面僵住
Vue 页面卡顿的常见原因与解决方法
页面渲染性能问题
检查是否存在大量 DOM 节点或复杂计算导致的渲染阻塞。使用 Vue Devtools 分析组件渲染时间，对长列表采用虚拟滚动（如 vue-virtual-scroller），或通过 v-if 替代 v-show 减少初始渲染负担。
数据响应式处理不当
避免在大型数组或对象上直接使用 Vue.set 或递归响应式。对非响应式数据使用 Object.freeze() 冻结，或通过计算属性（computed）缓存结果以减少重复计算。
事件监听未销毁
在组件 beforeDestroy 或 unmounted 生命周期中手动移除全局事件监听（如 window.addEventListener）和定时器（setInterval）。使用 $once 或第三方库（如 mitt）管理事件。
第三方库或插件影响
排查是否因第三方库（如图表工具、富文本编辑器）未按需加载导致性能下降。通过动态导入（() => import('module')）实现懒加载，或替换为轻量级替代方案。
内存泄漏
检查是否存在循环引用或未清理的全局变量。使用 Chrome DevTools 的 Memory 面板记录堆快照，对比操作前后的内存变化定位泄漏点。
优化代码结构
拆分大型组件为更小的功能单元，利用 keep-alive 缓存静态组件。对高频更新数据使用 v-once 或手动优化 Diff 逻辑，减少不必要的重新渲染。
网络请求阻塞
确保异步请求（如 API 调用）有合理的超时设置和错误处理。合并重复请求，使用骨架屏（Skeleton）提升等待体验，避免界面无响应。
