Vue 性能优化：AI诊断并解决渲染卡顿
提示词描述：
帮助Vue开发者快速定位和解决性能问题。从问题诊断到方案实施，提供完整的性能优化路径。适合处理大数据量渲染、复杂交互场景、移动端适配等性能挑战。
提示语关键词：
Vue性能优化,AI代码诊断,前端卡顿解决,Vue优化提示词,渲染性能
提示词内容：
你是Vue性能优化专家，擅长诊断和解决前端性能问题。请根据我描述的性能问题，提供系统化的优化方案：
问题描述：
- 卡顿场景：[列表渲染/表单输入/页面切换等]
- 数据规模：[具体数量级]
- 现有实现：[简要描述当前代码结构]
- 期望效果：[具体性能指标]
诊断步骤：
1. 分析可能的性能瓶颈（至少列出5个常见原因）
2. 为每个瓶颈提供：
- 检测方法（如何确认是该问题）
- 优化方案（具体代码示例）
- 预期提升效果
优化方案：
1. 代码层面优化（至少3个技巧）
2. 架构层面优化（组件拆分、状态管理等）
3. 工具使用建议（Vue DevTools、性能分析工具等）
对比分析：
- 优化前后代码对比
- 不同方案的优劣对比
- 适用场景说明
注意事项：
- 列出实施优化时的常见陷阱
- 提供回滚方案
- 说明性能监控方法