在 Vuex 中，state、getter、mutation、action 和 module 这五个核心概念各自承担什么职责？请分别说明它们的功能定位。
考察说明
考查对 Vuex 核心概念的理解，确认候选人是否掌握状态管理的基本架构和职责划分。
回答思路
- 【回答框架 1】state 是 Vuex 中存储应用共享数据的唯一数据源，相当于组件中的 data，但它是全局响应式的，所有组件都能通过 this.$store.state 访问。
- 【回答框架 2】getter 相当于 Vuex 中的计算属性，用于从 state 中派生出新数据，可以缓存结果，避免重复计算，适合对 state 进行过滤、排序等操作。
- 【回答框架 3】mutation 是唯一允许修改 state 的方式，必须是同步函数，通过 commit 触发，每个 mutation 有类型和回调函数，回调中接收 state 和 payload 参数。
- 【回答框架 4】action 用于处理异步操作，通过 dispatch 触发，可以包含任意异步逻辑，但不能直接修改 state，必须通过提交 mutation 来间接修改。
- 【回答框架 5】module 用于将 store 分割成多个模块，每个模块拥有自己的 state、getter、mutation 和 action，适合大型应用，支持命名空间避免命名冲突。
- 【关键点 1】state 是唯一数据源，getter 是派生状态，mutation 是同步修改 state 的唯一途径，action 处理异步并提交 mutation，module 实现模块化。
- 【关键点 2】mutation 必须同步，action 可以异步，这是 Vuex 设计的关键约束。
- 【关键点 3】module 支持命名空间，便于大型项目组织代码。
- 【易错点 1】容易混淆 action 和 mutation 的职责，action 不能直接修改 state。
- 【易错点 2】在 mutation 中执行异步操作会导致状态变更难以追踪，违反 Vuex 设计原则。
- 【易错点 3】忽略 module 的命名空间配置，可能导致模块间 getter 或 mutation 重名冲突。