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 GitHubpartme-ai/full-stack-skills
development-skills-utils
February 1, 2026
Select agents to install to:
npx add-skill https://github.com/partme-ai/full-stack-skills/blob/main/skills/vuex-vue2/SKILL.md -a claude-code --skill vuex-vue2Installation paths:
.claude/skills/vuex-vue2/## 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