Pinia Getter 本身不支持参数，但可通过返回函数实现动态筛选；标准写法为 tasksByStatus: (state) => (status) => state.tasks.filter(...)，调用如 store.tasksByStatus('done')；配合 ref 需用 computed 包装以确保响应式；高频参数可手动缓存，复杂逻辑推荐抽离为组合式函数。
Pinia Getters 本身不接收组件传入的参数，但可以通过返回函数的方式支持动态筛选，实现个性化数据展示。关键在于写法设计和调用时机，而不是让 getter “感知”组件状态。
带参 Getter 的标准写法
要让 getter 支持不同条件的数据提取，必须让它返回一个函数：
- 写法示例：tasksByStatus: (state) => (status) => state.tasks.filter(t => t.status === status)
- 调用方式：store.tasksByStatus('done') 或解构后 tasksByStatus('pending')
- 注意：这不是 Pinia 的“参数绑定”，而是 JavaScript 闭包 + 响应式依赖追踪的组合效果
与组件 props 或 ref 协同使用
组件内可将 props、ref 或 computed 值作为参数传给 getter，实现按需渲染：
- 比如组件接收 props.category，模板中直接写：<TaskList :items="store.tasksByCategory(props.category)" />
- 若需响应式联动（如 category 是 ref），确保在 setup 中用计算属性包装再传入：computed(() => store.tasksByCategory(category.value))
- 避免在模板里写 v-for="item in store.tasksByCategory(category)" —— 这会每次触发 getter 执行，但不触发缓存重用（因为参数是运行时值）
提升性能：缓存高频参数组合
Pinia 默认不对不同参数值做独立缓存。如果参数种类少、调用频繁（如 status 只有 'todo'/'doing'/'done'），可手动增强：
- 用 lodash.memoize 封装：tasksByStatus: (state) => memoize((status) => state.tasks.filter(...))
- 或在 store 内部用 Map 缓存结果：const cache = new Map(); return (status) => { if (cache.has(status)) return cache.get(status); const res = ...; cache.set(status, res); return res; }
- 注意清理逻辑：当 state.tasks 发生变更时，需清空缓存（可通过 $subscribe 监听 state 变更）
替代方案：用组合式函数收口逻辑
当个性化逻辑复杂（如多字段排序+过滤+分页），不建议堆在 getter 里。推荐抽离为可复用的组合函数：
- 新建 composables/useFilteredTasks.ts，接收 useTaskStore() 和 filters: Ref<{ status?: string; keyword?: string }>
- 内部用 computed 计算结果，并返回 reactive 对象
- 组件中直接调用：const { filteredTasks } = useFilteredTasks(taskStore, filters)
- 优势：类型清晰、可单元测试、跨组件复用、缓存由 computed 自动管理
