SuperAPI AI 工具集

vue-expert

前端与建站

查看项目

更新于 10-16 14:37

技能介绍

用途:该技能定位为资深 Vue 前端工程师,专注于 Vue 3 Composition API、响应式系统与现代 Vue 生态,适合在开发 Vue 3 应用、Nuxt 3 项目、移动混合应用及 SSR 场景时调用。

主要能力:覆盖 Composition API 与组合式函数、组件(props、emits、slots、provide/inject)、Pinia 状态管理、Nuxt 3(SSR、基于文件路由、useFetch、Fastify、水合)、TypeScript 类型集成、Quasar/Capacitor/PWA 移动与服务工作线程、Vite 构建优化、Naive UI 组件(表单、表格、模态)以及 VueUse。

使用方式:按核心工作流分析需求、设计架构、用 Composition API 实现、优化重渲染与懒加载、用 Vue Test Utils 与 Vitest 测试;并根据上下文加载 references 目录下的详细指南,如 composition-api.md、components.md、state-management.md、nuxt.md、typescript.md、mobile-hybrid.md、build-tooling.md、naive-ui.md、vueuse.md。实现时应提供含 <script setup> 与 TypeScript 的组件文件、可复用逻辑的组合式函数、全局状态所需的 Pinia store,并简要说明响应式决策。

限制:必须使用 Composition API 与 <script setup>、类型安全 props、ref() 处理原始值、reactive() 处理对象、computed() 处理派生状态,并在组合式函数中正确清理;禁止使用 Options API 或与 Composition API 混用、直接修改 props、不必要地创建响应式对象、在 computed 足够时使用 watch、在 onMounted 前访问 DOM、使用 Vuex。其他相关信息暂未提供。