在项目中使用 Vuex 进行全局状态管理，请解释为什么需要全局状态管理，并说明如何使用 Vuex。
考察说明
考察候选人对于 Vuex 核心概念、使用场景及实践方法的理解。
回答思路
- 【回答框架 1】全局状态管理用于在多个组件间共享响应式数据，避免重复请求和复杂的 props/事件传递。Vuex 作为集中式状态管理仓库，其核心包括 state、getters、mutations、actions 和 modules。state 是唯一数据源，保证数据一致性和可追溯性。
- 【回答框架 2】使用 Vuex 时，先创建 store，通过 Vue.use(Vuex) 并注入根实例。组件内通过 this.$store.state 读取状态，this.$store.commit 提交 mutation 同步修改状态，this.$store.dispatch 分发 action 处理异步逻辑，再调用 mutation。getters 类似计算属性，用于派生状态。
- 【回答框架 3】modules 用于拆分复杂状态，每个模块拥有自己的 state、mutations、actions、getters，支持命名空间。通过 mapState、mapGetters、mapMutations、mapActions 辅助函数简化组件内调用，提高代码可维护性。
- 【回答框架 4】全局状态管理适用于跨组件共享数据、用户登录信息、购物车等场景。当应用规模较小时，可以通过事件总线或 provide/inject 替代，但 Vuex 提供了可预测的状态变更和调试工具支持。
- 【关键点 1】Vuex 使用单一状态树，集中管理所有组件共享状态，提高数据一致性和可维护性。
- 【关键点 2】状态变更必须通过提交 mutation 进行，mutation 是同步函数，action 可以包含异步操作并提交 mutation。
- 【关键点 3】getters 用于派生状态，类似 computed，缓存依赖变化时重新计算。
- 【关键点 4】使用 modules 模块化拆分，通过命名空间隔离，提升大型应用的可组织性。
- 【关键点 5】通过 mapState 等辅助函数简化组件绑定，减少模板代码。
- 【易错点 1】不要在 mutation 中执行异步操作，会导致状态变更不可追踪，应采用 action 处理异步逻辑。
- 【易错点 2】Vuex 状态应尽量简单，避免存放所有数据，否则增加维护成本；非共享数据保留在组件内部。
- 【易错点 3】直接修改 state 而不通过 mutation 提交会破坏可预测性，且无法在 devtools 中调试。