VUE2 使用vuex

Vue 2 中使用 Vuex 是为了实现单页应用（SPA）的状态管理。Vuex是一个专门为 Vue.js 应用设计的可组合、集中式状态管理模式，它将应用程序的状态存储在一个单一的store（仓库）里，避免了组件间的直接通信带来的复杂性和数据混乱。

以下是Vuex的基本用法步骤：

1. **安装**：首先需要安装 Vuex，通过 npm 或 yarn 安装 `vuex` 和 `vue-router` 插件。

   npm install vuex vue-router

2. **创建 store**：在项目中创建一个名为 store 的文件夹，然后创建 index.js 文件作为入口点。这里会定义 store 的实例，并配置初始 state、actions、mutations 和 getters 等。

   import Vue from 'vue';
   import Vuex from 'vuex';

   Vue.use(Vuex);

   export default new Vuex.Store({
     state: {
       // 初始状态
     },
     mutations: {
       // 变更状态的操作
     },
     actions: {
       // 异步操作
     },
     getters: {
       // 计算属性
     }
   });

3. **引用 store**：在需要使用 state、actions 或 mutations 的组件内，通过 `this.$store` 能够访问到 store 实例。

4. **模块化**：对于大型应用，可以将 store 分割成多个模块（modules），每个模块负责一部分特定的状态和功能。

5. **响应式监听**：通过 actions 和 mutations 来改变 state，当 state 发生变化时，所有订阅该状态的地方都会自动更新。