Vue
专为 Vue 3 开发者打造的调试与代码审查助手
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Vue。 它的用途是：专为 Vue 3 开发者打造的调试与代码审查助手 完整的 Skill 内容见：https://321skill.com/skills/vue-x-3/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我的 Vue 3 组件里，用 `watch` 监听一个深层响应式对象时，控制台报“Maximum recursive updates exceeded”，怎么办？’ 它会分析这可能是因为你在 Watcher 回调中修改了被监听的对象本身，导致无限循环，并建议你使用 `watch` 的 `deep` 和 `flush` 选项，或改用 `watchEffect` 并注意依赖追踪。
介绍
这个 Skill 专门解决 Vue 3 开发中常见的、棘手的运行时和响应式问题。当你的应用出现界面不更新、响应式失效、组件渲染异常、状态管理报错或性能卡顿时，它可以提供精准的诊断和修复建议。
使用时，只需向 AI 描述你遇到的 Vue 3 具体问题，例如“UI 在状态改变后没有更新”、“Pinia 警告 getActivePinia() 未找到”或“解构后响应式丢失”，它便会分析问题根因，并提供包含代码示例的解决方案。
它非常适合正在开发或维护 Vue 3 应用的前端开发者、全栈工程师以及需要排查复杂前端问题的测试工程师。无论是新手遇到的常见陷阱，还是老手面临的深层框架原理问题，都能从中获得帮助。
建议在遇到具体错误或异常行为时使用，描述越详细（如错误信息、代码片段、操作步骤），诊断越准确。对于 Vue 2 迁移、Composition API 重构和性能优化等场景尤其有效。
核心特点
与通用前端调试工具不同，它深度聚焦于 Vue 3 框架特有的响应式系统、Composition API、Pinia 和 Vue Router 的疑难杂症，能直接定位如 `.value` 遗漏、解构失活、Watcher 循环等 Vue 专属问题，并提供符合 Vue 3 最佳实践的修复方案。
注意事项
不适用于 Nuxt 框架特有的 SSR、路由和数据获取问题，也不处理 Vite 构建配置、React 或 Svelte 相关开发。
常见问题
这个 Skill 能帮我解决 Vue Router 路由参数变化组件不刷新的问题吗？
可以，它能分析路由守卫、组件生命周期和响应式依赖，提供如使用 `watch` 监听 `$route` 或调整组件 `key` 等解决方案。
当 Pinia 报错“getActivePinia() was called but there was no active Pinia”时该怎么办？
它能帮你排查 Pinia 实例的创建时机和挂载顺序问题，常见原因包括在组件外过早使用 store 或 App 未正确挂载，它会提供具体的代码调整建议。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/vue-x-3/raw/index.md 读取 Vue 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/vue-x-3/raw/index.md（查看排版版本）