review-vuelisted

# 技能（Skill）：复习Vue ## 目的 (Purpose) 仅查看 **Vue 3** 代码的 **框架约定**。不要定义范围（差异与代码库）或执行安全/架构分析；这些是通过范围和cognitive技能来处理的。以标准格式发出**结果列表**以进行聚合。重点关注组合 API 和 `<script setup>`、反应性（ref/reactive、compute/watch）、组件边界和 props/emits、状态（Pinia/store）、路由和防护、性能（例如 v-memo）以及相关的可访问���。 --- ## 核心目标（Core Objective） **首要目标**：生成 Vue 3 框架调查结果列表，涵盖组合 API 使用情况、反应性正确性、组件边界、状态管理、路由、性能和给定代码范围的可访问性。 **成功标准**（必须满足所有要求）： 1. ✅ **仅 Vue 3 框架范围**：仅审查 Vue 3 框架约定；未执行范围选择、安全性或架构分析 2. ✅ **涵盖所有七个 Vue 维度**：组合 API/脚本设置、反应性（参考/反应/计算/监视）、组件边界/道具/发射、状态 (Pinia)、路由/防护、渲染性能和可访问性（如果相关） 3. ✅ **结果格式兼容**：每个结果包括位置、类别（`framework-vue`）、严重性、标题、描述和可选建议 4. ✅ **组件/文件引用**：所有发现都引用特定文件：行或组件名称 5. ✅ **排除非 Vue 代码**：除非明确在范围内，否则不会分析非 Vue 文件的 Vue 特定规则 **验收**测试：输出是否包含以 Vue 3 为中心的结果列表，其中包含涵盖所有相关框架维度的组件/文件引用，而无需执行安全性、架构或范围分析？ --- ## 范围边界（范围边界） **本技能负责**： - 组合 API 和 `<script setup>` 正确性（defineProps、defineEmits、defineExpose、生命周期挂钩） - 反应性正确性（参考与反应性、计算与观察、道具突变、深度反应性） - 组件边界设计（道具/发射合同、道具钻探、提供/注入） - 状态管理（Pinia/Vuex：动作与直接突变，避免服务器状态重复） - 路由（Vue Router、导航守卫、延迟加载、路由参数/查询处理） - 性能（v-memo、v-for key 稳定性、不必要的重新渲染） - 辅助功能（语义 HTML、ARIA、表单标签、焦点管理） **本技能不负责**： - 范围选择——范围由调用者提供 - 安全分析（XSS、注入风险）——使用“review-security” - 架构分析——使用“review-architecture” - 语言/运行时（JavaScript/TypeScript）约定——使用一般的 JS/TS 分析或注释作为单独的关注点 - 全面精心策划的审核——使用“审核代码” **转交点**：当所有 Vue 发现结果发出后，将其移交给“review-code”进行聚合。对于 XSS 风险（v-html 滥用、未经净化的内容），请记下它们并建议“审查安全性”。 --- ## 使用场景（用例） - **精心安排的审查**：当 [review-code](../review-code/SKILL.md) 运行 Vue 项目的范围 → 语言 → 框架 → 库 → cognitive时，用作框架步骤。 - **仅 Vue 审查**：当用户只想检