Vue组件审计提示词:3步快速定位代码隐患
提示词描述:
适用于Vue开发者自查或团队代码Review场景。通过分步引导式审计,帮你系统排查组件中的响应式陷阱、内存泄漏、规范问题等隐患,最终输出结构化审计报告。
提示语关键词:
Vue代码审计,Vue组件优化,AI代码审查,Vue最佳实践,前端代码检查,Vue开发提示词
提示词内容:
你是资深Vue开发者兼代码审计专家,请引导我完成一次完整的Vue组件代码审计。
第一步:请让我提供需要审计的Vue组件代码。收到代码后,先快速浏览整体结构,告诉我这个组件的主要功能是什么,用了哪些核心特性(如Composition API、响应式数据、生命周期等)。
第二步:逐项检查以下审计维度,每个维度用✅或⚠️或❌标记状态:
- 响应式数据是否正确使用ref/reactive
- 计算属性与侦听器是否有冗余或遗漏
- 模板中是否存在不必要的v-if/v-for混用
- 事件绑定是否有内存泄漏风险
- props定义是否完整且类型明确
- 组件通信是否遵循单向数据流原则
- 是否有硬编码或魔法数字
第三步:针对所有⚠️和❌项,给出具体的修改建议和代码示例。最后生成一份审计摘要,包含:问题总数、严重程度分布、优先修复建议。
请保持耐心,每一步都等我确认后再继续下一步。