Vue组件审计提示词:3步快速定位代码隐患

官方 0 查看 0 有趣 0 复制 0 收藏

提示词描述:

适用于Vue开发者自查或团队代码Review场景。通过分步引导式审计,帮你系统排查组件中的响应式陷阱、内存泄漏、规范问题等隐患,最终输出结构化审计报告。

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

提示词排行榜