在 Vue 应用中，Vuex 主要包含哪些核心属性？请分别说明每个属性的职责与用途。
考察说明
考查对 Vuex 状态管理核心概念的理解与记忆。
回答思路
- 【回答框架 1】Vuex 是 Vue 的集中式状态管理方案，核心属性包括 state、getters、mutations、actions 和 modules。state 用于存储共享数据，是唯一数据源，组件通过计算属性或 mapState 读取。
- 【回答框架 2】getters 类似计算属性，基于 state 派生数据，可复用并缓存，通过 mapGetters 辅助使用。mutations 是唯一同步修改 state 的途径，通过 commit 触发，每个 mutation 有类型和回调函数。
- 【回答框架 3】actions 处理异步逻辑，通过 dispatch 触发，内部可调用 commit 提交 mutation，不直接修改 state。modules 用于拆分大型 store，每个模块可拥有自己的 state、getters、mutations 和 actions，支持命名空间。
- 【回答框架 4】各属性职责明确：state 存数据，getters 取派生数据，mutations 改数据，actions 处理异步并提交 mutation，modules 组织代码。使用时需遵循单向数据流，避免在组件中直接修改 state。
- 【关键点 1】state 是唯一数据源，组件不能直接修改。
- 【关键点 2】mutations 必须同步，通过 commit 触发。
- 【关键点 3】actions 处理异步，通过 dispatch 调用，内部 commit mutation。
- 【关键点 4】getters 基于 state 派生数据，可缓存。
- 【关键点 5】modules 支持模块化，可开启命名空间。
- 【易错点 1】在组件中直接修改 state 会导致状态不可追踪。
- 【易错点 2】在 mutation 中执行异步操作，可能导致状态更新不可预测。
- 【易错点 3】混淆 actions 与 mutations 的职责，将异步逻辑放在 mutation 中。