pinia使用map helpers

Vue 3 的 Pinia 提供了一些内置的 map helpers 来帮助管理状态。Map 是 JavaScript 中的一种数据结构，类似于对象，但它允许有重复的键，这在处理复杂的状态时非常有用。Pinia 使用 Map 可以提供以下便利：

1. **命名空间**: Pinia 的 `createStore` 函数接受一个映射对象 (`mapState`, `mapGetters`, `mapActions`, `mapMutations` 等)，这些映射内部可以使用点(`.`)表示层级关系，形成类似命名空间的结构，有助于组织和隔离状态。

   const store = createStore({
     state: { items: new Map() },
     getters: {
       filteredItems: (state) => state.items.filter(...)
     }
   });

2. **动态访问**: 由于 Map 允许动态添加和删除键值对，所以在获取或修改状态时，可以直接使用动态路径，例如 `store.state.items['key']` 或 `store.getters.filteredItems`.

3. **易于扩展**: 如果需要添加新的属性，只需要在 Map 中添加即可，无需担心名称冲突。

4. **优化性能**: 对于大型应用来说，使用 Map 而不是普通的对象可以提高查找效率，因为 Map 实现了哈希表。

然而，使用 map helpers 需要注意保持状态的清晰性和一致性，避免滥用动态路径可能导致维护困难。