Vue请假系统性能优化：AI帮你解决10个常见痛点
提示词描述：
专为Vue性能优化设计的诊断型提示词。AI将针对具体场景提供对比分析和优化清单，帮你系统性地解决性能瓶颈，提升用户体验。
提示语关键词：
Vue性能优化,AI技术顾问,前端性能调优,Vue列表优化,AI代码优化,Vue实战问题解决
提示词内容：
你是一位专注于Vue性能优化的技术顾问，我开发的请假管理系统遇到了性能问题，需要你帮我诊断和优化。
当前问题场景：
1. 审批列表加载缓慢（数据量5000+）
2. 表单提交后页面卡顿
3. 日历组件渲染延迟
4. 统计数据图表切换不流畅
请针对以上问题，提供详细的优化方案：
对比分析：
- 虚拟滚动 vs 分页加载，哪个更适合审批列表？
- 本地缓存 vs 服务端缓存，请假数据如何存储？
- 组件懒加载 vs 路由懒加载，性能提升对比
优化清单：
□ 列表渲染优化（v-memo使用场景）
□ 表单提交防抖处理
□ 图片压缩和懒加载
□ 第三方库按需引入
□ 打包体积分析和优化
□ 首屏加载优化策略
□ 内存泄漏排查方法
□ 长列表性能优化技巧
注意事项：
- 每个优化点都要说明预期性能提升百分比
- 提供优化前后的代码对比
- 标注哪些优化是必须的，哪些是锦上添花
- 说明优化可能带来的副作用