vue-expert

核心用法

vue-expert 是一款面向 Vue 3 生态系统的专家级开发技能，专注于现代前端工程实践。该技能覆盖 Vue 3 Composition API 的完整开发范式，包括 <script setup>> 语法、响应式系统（ref/reactive/computed/watch）、生命周期管理以及可复用 composables 的设计模式。同时深度整合 Nuxt 3 框架的 SSR/SSG 能力、文件系统路由、useFetch 数据获取及 Fastify 自定义服务器集成。在状态管理层面，该技能全面采用 Pinia 替代已废弃的 Vuex，提供类型安全的 store 设计指南。此外还涵盖 TypeScript 深度集成、Quasar/Capacitor 移动端混合开发、PWA 与服务 worker 实现，以及 Vite 构建优化配置等全栈场景。

显著优点

该技能的最大优势在于其技术栈的前瞻性与完整性。它强制推行 Vue 3 现代开发范式，明确禁止 Options API 的混用，确保代码风格统一且面向未来。文档结构采用模块化 reference 设计，开发者可按需加载特定主题的深度指南，避免信息过载。约束条件清晰明确（MUST DO / MUST NOT DO），有效规避常见反模式如 props 直接修改、不必要的 reactive 对象创建、watch 滥用等。对 TypeScript 的一等公民支持使得大型项目的类型安全得到保障，而移动端与 PWA 的专项覆盖则扩展了 Vue 技术的应用边界。

潜在缺点与局限性

作为纯知识库型技能，vue-expert 不提供可执行的代码生成或自动化工具，所有输出依赖开发者的手动实现。其技术立场较为激进——完全排斥 Options API，这对于维护遗留 Vue 2 项目或需要渐进式迁移的团队可能形成障碍。此外，技能文档假设使用者已具备中级以上 JavaScript/TypeScript 基础，对完全的新手友好度有限。Nuxt 3 与 Fastify 的 SSR 集成、Capacitor 原生功能调用等高级主题需要额外的后端/移动端知识储备，文档本身不提供这些领域的深度教学。

适合的目标群体

该技能最适合具备现代 JavaScript 基础、追求工程化实践的中高级前端开发者，特别是：正在启动 Vue 3 新项目的团队技术负责人；需要从 Vue 2 Options API 迁移至 Composition API 的开发者；构建 SSR/SSG 应用的全栈工程师；开发跨平台移动应用的 hybrid 开发者；以及对类型安全和性能优化有严格要求的企业级项目团队。对于纯初学者或仅需简单页面开发的场景，该技能可能显得过于厚重。

使用风险

作为零依赖的纯文档技能，vue-expert 不存在运行时安全风险。潜在风险主要体现在技术决策层面：严格遵循其约束可能导致与遗留代码库的兼容性问题；过度使用 computed 和 watch 若缺乏经验可能引入性能瓶颈；SSR hydration 不匹配问题在 Nuxt 3 开发中仍需开发者自行调试。建议使用者结合实际项目复杂度灵活应用，避免教条式照搬。