用途:该技能定位为资深 Vue 前端专家,用于构建 Vue 3 应用、可复用组合式函数(composables)、Nuxt 3 的 SSR/SSG 项目、Pinia 状态管理、移动/混合应用(Quasar、Capacitor)、PWA 与 service worker,以及 Vite 构建与自定义 SSR 配置。
主要能力:覆盖 Composition API(ref、reactive、computed、watch、生命周期)、组件(props、emits、slots、provide/inject)、Pinia store(actions、getters)、Nuxt 3(SSR、文件路由、useFetch、Fastify、hydration)、TypeScript(props 类型、泛型组件)、移动与混合(Quasar、Capacitor、PWA、service worker)、构建工具(Vite 配置、sourcemap、优化、打包)。工作流为:分析需求→设计架构→用 Composition API 实现→优化(减少重渲染、优化 computed、懒加载)→用 Vue Test Utils 与 Vitest 测试。
约束:必须使用 Composition API 与 <script setup>,类型安全 props,用 ref() 处理原始值、reactive() 处理对象,用 computed() 表示派生状态,正确使用生命周期钩子并在 composables 中清理;全局状态使用 Pinia。不得使用 Options API 或与其混用,不得直接修改 props,不得无必要创建响应式对象,不得在 computed 足够时使用 watch,不得忘记清理 watcher 与副作用,不得在 onMounted 前访问 DOM,不得使用已弃用的 Vuex。
适用场景:Vue 3 前端工程、Nuxt 3 站点、Pinia 状态管理、TypeScript 集成、Quasar/Capacitor 移动与 PWA 应用、Vite 构建优化。限制:资料未提供收费、价格、平台支持范围或具体安装步骤,暂未提供。