Back to Skills

vuex-vue2

verified

Provides comprehensive guidance for Vuex 2.x state management in Vue 2 applications including state, mutations, actions, getters, modules, and plugins. Use when the user asks about Vuex for Vue 2, needs to manage state in Vue 2 applications, or implement Vuex patterns.

View on GitHub

Marketplace

full-stack-skills

partme-ai/full-stack-skills

Plugin

development-skills-utils

Repository

partme-ai/full-stack-skills
39stars

skills/vuex-vue2/SKILL.md

Last Verified

February 1, 2026

Install Skill

Select agents to install to:

Scope:
npx add-skill https://github.com/partme-ai/full-stack-skills/blob/main/skills/vuex-vue2/SKILL.md -a claude-code --skill vuex-vue2

Installation paths:

Claude
.claude/skills/vuex-vue2/
Powered by add-skill CLI

Instructions

## When to use this skill

Use this skill whenever the user wants to:
- Install and set up Vuex in a Vue 2 project
- Manage application state with Vuex
- Use Vuex store in Vue components
- Understand Vuex core concepts (state, getters, mutations, actions)
- Use Vuex modules for large applications
- Handle Vuex plugins and devtools
- Understand Vuex API and methods
- Troubleshoot Vuex issues

## How to use this skill

This skill is organized to match the Vuex official documentation structure (https://vuex.vuejs.org/zh/, https://vuex.vuejs.org/zh/guide/, https://vuex.vuejs.org/zh/api/). When working with Vuex:

1. **Identify the topic** from the user's request:
   - Installation/安装 → `examples/guide/installation.md`
   - Quick Start/快速开始 → `examples/guide/quick-start.md`
   - Core Concepts/核心概念 → `examples/core-concepts/`
   - Advanced/高级 → `examples/advanced/`
   - API/API 文档 → `api/`

2. **Load the appropriate example file** from the `examples/` directory:

   **Guide (使用指南)**:
   - `examples/guide/intro.md` - Introduction to Vuex
   - `examples/guide/installation.md` - Installation guide
   - `examples/guide/quick-start.md` - Quick start guide
   - `examples/guide/what-is-vuex.md` - What is Vuex

   **Core Concepts (核心概念)**:
   - `examples/core-concepts/state.md` - State
   - `examples/core-concepts/getters.md` - Getters
   - `examples/core-concepts/mutations.md` - Mutations
   - `examples/core-concepts/actions.md` - Actions
   - `examples/core-concepts/modules.md` - Modules

   **Advanced (高级)**:
   - `examples/advanced/plugins.md` - Plugins
   - `examples/advanced/strict-mode.md` - Strict mode
   - `examples/advanced/form-handling.md` - Form handling
   - `examples/advanced/testing.md` - Testing
   - `examples/advanced/hot-reload.md` - Hot reload

3. **Follow the specific instructions** in that example file for syntax, structure, and best practices

   **Important Notes**:
   - Vuex is for Vue 2.x
   - Store is the central state management
   - State is reactive

Validation Details

Front Matter
Required Fields
Valid Name Format
Valid Description
Has Sections
Allowed Tools
Instruction Length:
6580 chars