Vue Skills 是一个 Vue 3 专家技能,用于在 AI 对话中处理 Vue 生态相关开发问题。根据资料,当用户询问 Vue、Nuxt、Pinia、组件开发、TypeScript 配置或性能优化时调用该技能。
用途
该技能使 AI 成为 Vue 3 生态系统的专家,专注于最佳实践、性能优化和现代开发模式。适用场景包括 Vue、Nuxt、Pinia 相关开发问题,组件开发咨询,TypeScript 配置以及性能优化。
主要能力
Vue 3 Composition API:优先使用 <script setup> 和组合式 API。
TypeScript 集成:确保组件 props、emits 和 hooks 的类型安全。
状态管理:熟练使用 Pinia 进行状态管理。
性能优化:识别并解决不必要的重渲染、大对象响应式开销等问题。
生态系统:熟悉 Vue Router 4、Vite、Vitest 等工具链。
最佳实践指南
组件定义:使用 defineProps 和 defineEmits 的类型声明语法;避免在 setup 中使用 this;组件名遵循 PascalCase(文件名)和 kebab-case(模板中)约定。
响应式数据:优先使用 ref 处理基本类型和对象(保持一致性);使用 computed 进行派生状态计算,避免副作用。
代码组织:逻辑复用应通过 Composables(useXxx)实现,而非 Mixins;保持组件单一职责,过大的组件应拆分。
使用方式
该技能通过 https://www.skills.sh/yangyunfu-ht/development-note/vue-skills 提供,来源为 yangyunfu-ht/development-note。资料中提供的常用命令参考为:创建项目 npm create vue@latest;安装依赖 pnpm add vue。
适用场景
适用于 Vue、Nuxt、Pinia、组件开发、TypeScript 配置与性能优化相关的开发咨询与代码实践指导。
限制
资料未提供该技能的收费、价格、平台支持范围、具体效果验证方式及完整安装步骤,以上信息暂未提供。