SuperAPI AI 工具集

vue-patterns

前端与建站

查看项目

更新于 10-15 19:48

技能介绍

用途:面向 Vue.js 3 项目的开发规范与最佳实践参考,适用于 Vue、Nuxt、Vite + Vue、Pinia 项目,用于组件架构、composables、响应式、状态管理、路由、测试与 SSR 相关讨论和代码审查。

主要能力:给出推荐的项目结构(api、assets、components、composables、pages、router、stores、types、utils)与文件命名约定;说明单文件组件中 script setup 的书写顺序、容器组件与展示型组件划分、props 与 emits 的类型化写法;介绍 composables 的命名、返回值与清理规则,并说明其替代 Vue 2 mixins;梳理状态管理选型(ref/reactive、props+emits、provide/inject、Pinia、服务端状态 composable),推荐 Pinia Setup Store;涵盖 Vue Router 路由定义、懒加载、导航守卫与响应式路由参数;列出模板语法、性能优化手段(v-memo、v-once、shallowRef、KeepAlive、懒加载、Suspense)、测试栈(Vitest、Vue Test Utils、@pinia/testing、Playwright)以及 Nuxt 的自动导入、useAsyncData/useFetch、服务端路由与 runtimeConfig。

使用方式:作为技能在检测到 Vue 相关项目或问题时激活,按主题查阅对应章节与代码模式。

限制:资料未提供安装命令、收费方式、平台支持范围与效果数据;部分 API 需 Vue 3.4+ 或 3.5+,使用前需确认版本。