vue-skills

Vue.js框架的常用模式、Composition API与最佳实践。

SKILL.md

--- frontmatter

name: vue-skills
description: Vue.js framework patterns, Composition API, and best practices
category: stacks/frontend/vue
applies_to: vue
allowed-tools: Read, Write, Glob, Grep, Bash
user-invocable: true
context: inject

Vue.js Skills

Progressive JavaScript framework for building user interfaces.

Sub-Skills

Architecture

•project-structure.md - Project organization
•component-patterns.md - Component design
•state-management.md - Pinia/Vuex patterns

Composition API

•setup-function.md - setup() patterns
•reactivity.md - ref/reactive patterns
•computed.md - Computed properties
•watchers.md - Watch patterns
•composables.md - Composable patterns

Components

•props-emits.md - Props and emits
•slots.md - Slot patterns
•provide-inject.md - Provide/Inject
•lifecycle.md - Lifecycle hooks

Performance

•lazy-loading.md - Lazy loading
•memoization.md - Computed caching
•virtual-scroll.md - Virtual scrolling

Forms

•v-model.md - v-model patterns
•validation.md - Form validation
•vee-validate.md - VeeValidate

Testing

•vitest.md - Vitest patterns
•vue-test-utils.md - Vue Test Utils
•component-testing.md - Component tests

Detection

Auto-detected when project contains:

•vue.config.js or *.vue files
•vue package
•<template> or createApp patterns