模块化 store 中 getter 跨模块调用需通过 rootgetters（vuex）或 import store（pinia）实现，禁用隐式耦合与循环依赖，复杂逻辑应抽离为纯函数复用。

模块化 Store 中，getter 不能直接跨模块调用，但可以通过 rootGetters 显式访问其他模块的 getter，这是 Vuex（v3/v4）和 Pinia（配合 storeToRefs 或 $state）中推荐且稳定的方式。

Vuex 模块中 getter 调用其他模块 getter

Vuex 的模块化 getter 默认只作用于当前命名空间。若需复用其他模块逻辑，必须启用 namespaced: true，并在目标 getter 中通过第四个参数 rootGetters 获取全局 getter：

• 在 moduleA.js 中定义：
    getters: {
      activeCount: (state, getters, rootState, rootGetters) => {
        // 调用 moduleB 的 completedList
        const completed = rootGetters['moduleB/completedList'];
        return completed.filter(i => i.active).length;
      }
    }
• 确保 moduleB 已注册且其 getter 名为 completedList，导出时带命名空间前缀（如 moduleB/completedList）
• 调用方组件中仍使用 mapGetters(['moduleA/activeCount'])，无需手动传参

Pinia 中跨 store 组合 getter（推荐方式）

Pinia 本身不强制命名空间，跨 store 数据组合更自然，常用两种方式：

• 在目标 store 内部 import 并调用另一个 store 的 getter 函数：
    // store/todo.ts
    import { useUserStore } from '@/stores/user';
    export const useTodoStore = defineStore('todo', {
      state: () => ({ items: [] }),
      getters: {
        myActiveTodos: (state) => {
          const userStore = useUserStore();
          return state.items.filter(i => i.userId === userStore.profile.id && i.status === 'active');
        }
      }
    });
• 或在组件中组合：
    // Component.vue
    const todoStore = useTodoStore();
    const userStore = useUserStore();
    const myActiveCount = computed(() =>
      todoStore.items.filter(i => i.userId === userStore.profile.id && i.status === 'active').length
    );

避免循环依赖与性能陷阱

跨模块 getter 调用容易引发隐式耦合或响应失效，需注意：

• 不要让 moduleA 的 getter 直接调用 moduleB 的 getter，而 moduleB 又反过来依赖 moduleA —— 这会导致初始化失败或 undefined
• Pinia 中若在 getter 内频繁创建新 store 实例（如每次调用都 useUserStore()），虽无错但不必要；store 是单例，可提前声明或用 computed 缓存
• Vuex 中 rootGetters 是只读快照，无法触发响应更新；若被调用的 getter 依赖动态 state，确保它本身是响应式的（即基于 state 计算，而非闭包缓存）

复杂逻辑建议抽离为独立函数

当多个模块需共用同一数据处理逻辑（如格式化时间、权限判断、搜索过滤），更健壮的做法是：

• 将逻辑写成纯函数，放在 utils/store/ 或 composables/ 下
• 各模块 getter 或组件中直接 import 使用，不绑定具体 store 实例
• 例如：
    // utils/filter.ts
    export const filterByStatusAndUser = (list: Item[], status: string, userId: string) =>
      list.filter(i => i.status === status && i.userId === userId);
  
    // store/todo.ts
    import { filterByStatusAndUser } from '@/utils/filter';
    getters: {
      myPending: (state) => {
        const userStore = useUserStore();
        return filterByStatusAndUser(state.items, 'pending', userStore.profile.id);
      }
    }