Vue 3 组件与页面状态维护

原名：vue-expert

结合 Composition API、Pinia、路由与构建配置整理页面实现。

中文 Skills 技能说明

平台已有 Vue 3 页面，需要加功能或修状态问题时，可让获准前端开发员工使用。提供 Vue、Vite、Pinia 版本、现有组件规则、接口和复现步骤，技能整理 composable、响应清理、类型与构建，交付改动草稿和回归清单。上游偏好不能代替项目规范，不默认改写 Options API、换 Nuxt 或新增 PWA。桌面端需 Node.js 及测试环境，保护原 URL 和其他改动；登录数据不泄漏，发布前人审响应式布局与真实交互。

上游能力依据

上游原始适用说明：Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds. Use when creating Vue 3 applications with Composition API, writing reusable composables, managing state with Pinia, building hybrid mobile apps with Quasar or Capacitor, configuring service workers, or tuning Vite configuration and TypeScript integration.

上游 SKILL.md 主要章节（保留原文标题）：

Core Workflow
Reference Guide
Quick Example
Constraints
MUST DO
MUST NOT DO
Output Templates
Knowledge Reference

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者: Jeffallan 与 claude-skills contributors
中文翻译: CEOFans翻译
许可证: MIT
上游来源: https://github.com/Jeffallan/claude-skills/tree/1be15d8064f88fc25216442406d40add8fd23b53/skills/vue-expert

适用范围

平台：linux、macos、windows；标签：设计与前端、Vue 3 组件与页面状态维护、开源技能

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。