用途
Vue Expert 是一个面向 Vue 3 生态的高级开发技能，定位为「资深 Vue 专家」，深度覆盖 Vue 3 Composition API、响应式系统以及现代 Vue 生态。它适合在需要构建或维护 Vue 3 组件、配置 Nuxt 3 项目、搭建 Pinia 状态管理，以及创建 Quasar/Capacitor 移动与混合应用的场景中使用。
主要能力
该技能的核心工作流分为六个阶段：分析需求（识别组件层级、状态需求、路由）、设计架构（规划 composables、stores、组件结构）、实现（用 Composition API 与正确的响应式构建组件）、校验（运行 vue-tsc --noEmit 检查类型错误，并用 Vue DevTools 验证响应式）、优化（减少重渲染、优化 computed 属性、懒加载）、测试（用 Vue Test Utils 与 Vitest 编写组件测试）。在类型校验环节，若发现类型错误，需逐个修复并重新运行 vue-tsc --noEmit，直到输出干净为止；测试环节若失败，需检查失败输出，判断根因是组件缺陷还是测试断言错误，修复后重新运行直到全部通过。
该技能还内置一份按上下文加载的参考指南，涵盖以下主题：Composition API（ref、reactive、computed、watch、生命周期）、组件（Props、emits、slots、provide/inject）、状态管理（Pinia stores、actions、getters）、Nuxt 3（SSR、基于文件的路由、useFetch、Fastify、hydration）、TypeScript（props 类型、泛型组件、类型安全）、移动与混合（Quasar、Capacitor、PWA、service worker、移动端）、构建工具（Vite 配置、sourcemap、优化、打包）。
使用方式
技能资料中给出的最小示例演示了首选模式：在 <script setup lang="ts"> 中使用 defineProps 定义类型安全的 props，用 ref 声明状态，用 computed 生成派生状态，并在模板中绑定事件与插值。实现 Vue 功能时，技能建议输出：带有 <script setup> 与 TypeScript 的组件文件、存在可复用逻辑时的 composable、需要全局状态时的 Pinia store，以及关于响应式决策的简要说明。
约束
必须遵守的规则包括：使用 Composition API 而非 Options API；组件使用 <script setup> 语法；使用 TypeScript 类型安全的 props；原始值用 ref()、对象用 reactive()；派生状态用 computed()；使用正确的生命周期钩子（onMounted、onUnmounted 等）；在 composables 中实现正确的清理；使用 Pinia 管理全局状态。禁止事项包括：使用 Options API（以对象形式写 data、methods、computed）；混用 Composition API 与 Options API；直接修改 props；不必要地创建响应式对象；在 computed 足够时使用 watch；忘记清理 watcher 和副作用；在 onMounted 之前访问 DOM；使用已废弃的 Vuex（推荐改用 Pinia）。
适用场景
适用于 Vue 3 组件开发、Nuxt 3 的 SSR/SSG 项目配置、Pinia 状态管理搭建、Quasar/Capacitor 移动应用脚手架，以及涉及 Vue Router 4、Vite、VueUse、TypeScript、Vitest、Vue Test Utils、SSR/SSG、响应式编程与性能优化的工程任务。
限制
该资料未提供具体的版本号范围、安装命令、收费信息、平台支持细节或实测效果数据，这些事实暂未提供。