SuperAPI AI 工具集

vue-expert

前端与建站

查看项目

更新于 10-16 14:37

技能介绍

用途:该技能定位为资深 Vue 前端工程能力,适用于构建 Vue 3 应用,使用 Composition API、Nuxt 3、Naive UI 或 Quasar 时调用;也用于 Pinia、TypeScript、PWA、Capacitor 移动应用、Vite 等场景。

主要能力:涵盖组件层级与状态、路由设计;可复用组合式函数(composables);Nuxt 3 的 SSR/SSG 与 useFetch;Pinia 状态管理;响应式与性能优化;Vue 组件中的 TypeScript 类型安全;Quasar 与 Capacitor 混合移动应用;PWA 与 Service Worker;Vite 构建优化;以及 Fastify 等自定义 SSR。还提供 Naive UI 的表单、表格、弹窗等组件用法,以及 VueUse 组合式函数与浏览器 API 参考。

使用方式:按需求先分析组件层级、状态与路由,再设计架构,随后用 Composition API 实现、进行性能优化,并用 Vue Test Utils 与 Vitest 编写组件测试。技能内置分主题参考文档,例如 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>,不得使用 Options API 或与 Composition API 混用;不得直接修改 props;使用 ref() 处理原始值、reactive() 处理对象、computed() 处理派生状态;需在组合式函数中正确清理副作用;全局状态使用 Pinia,不使用 Vuex;不得在 onMounted 之前访问 DOM。具体安装命令、收费与平台信息暂未提供。