4b7eca8a46
All checks were successful
Reindex Knowledge Base / reindex (push) Successful in 3s
Adds title, description, type, domain, and tags frontmatter to every doc for improved KB semantic search. The description field is prepended to every search chunk, and domain/type/tags enable filtered queries. Type values: context, guide, runbook, reference, troubleshooting Domain values match directory structure (networking, docker, etc.) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
40 lines
1.3 KiB
Markdown
40 lines
1.3 KiB
Markdown
---
|
|
title: "Vue.js Development Patterns"
|
|
description: "Vue.js component architecture, state management with Pinia, Composition API patterns, and performance optimization. Covers TypeScript integration, Vite builds, and testing with Vitest."
|
|
type: context
|
|
domain: development
|
|
tags: [vuejs, javascript, pinia, composition-api, vite, typescript]
|
|
---
|
|
|
|
# Vue.js Patterns
|
|
|
|
## Component Architecture
|
|
- Single File Components (SFC) structure
|
|
- Composition API for complex logic
|
|
- Props down, events up communication
|
|
- Provide/inject for deep hierarchies
|
|
|
|
## State Management
|
|
- **Pinia** for application state
|
|
- **Local state** for component-specific data
|
|
- **Computed properties** for derived state
|
|
- **Watchers** for side effects
|
|
|
|
## Performance Optimization
|
|
- Lazy loading with dynamic imports
|
|
- Virtual scrolling for large lists
|
|
- Proper key usage in v-for
|
|
- Component-level code splitting
|
|
|
|
## Development Patterns
|
|
- TypeScript integration
|
|
- Testing with Vitest/Jest
|
|
- Build optimization with Vite
|
|
- Progressive Web App features
|
|
|
|
## Related Documentation
|
|
- Examples: `/examples/vuejs/component-patterns.md`
|
|
- Examples: `/examples/vuejs/state-management.md`
|
|
- Examples: `/examples/vuejs/performance-optimization.md`
|
|
- Reference: `/reference/vuejs/debugging.md`
|
|
- Reference: `/reference/vuejs/best-practices.md` |