Vuex 简介

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

主要功能

• 状态管理：将组件的状态集中管理，便于维护和追踪。
• 可预测的状态变化：通过 mutations 和 actions 进行状态变更，确保状态变化可预测。
• 模块化：可以将 store 分割成模块，每个模块管理不同的状态。

安装

npm install vuex@next --save # Vue 3.x 版本
npm install vuex --save # Vue 2.x 版本

基本用法

// 创建一个 Vuex store
import { createStore } from 'vuex';

const store = createStore({
  state() {
    return {
      count: 0
    };
  },
  mutations: {
    increment(state) {
      state.count++;
    }
  },
  actions: {
    increment(context) {
      context.commit('increment');
    }
  },
  getters: {
    doubleCount(state) {
      return state.count * 2;
    }
  }
});

学习资源

更多 Vuex 学习资料，请访问 Vuex 官方文档.

<center><img src="https://cloud-image.ullrai.com/q/Vuex_Logo/" alt="Vuex_Logo"/></center>