向 Getter 传递参数
向 Getter 传递参数是 Pinia 学习中的单个核心知识点,下面直接说明用法。
定义
向 Getter 传递参数是 Pinia 使用中的一个独立知识点,核心作用是:让getter返回函数以实现参数化查询,理解其会失去缓存特性的权衡。
语法
常用语法是在 Store 定义或组件调用处完成配置与使用。
JavaScript
export const useCartStore = defineStore('cart', {
state: () => ({ items: [] }),
getters: {
total: (state) => state.items.reduce((sum, item) => sum + item.price, 0)
}
})
示例
JavaScript
export const useCartStore = defineStore('cart', {
state: () => ({ items: [] }),
getters: {
total: (state) => state.items.reduce((sum, item) => sum + item.price, 0)
}
})
注意事项
参数化 Getter 本质是返回函数,通常不会像普通 Getter 一样完整缓存结果。
要点总结
向 Getter 传递参数只解决当前知识点对应的问题。- 优先使用 Pinia 官方 API,避免引入多余封装。
- 示例代码应保持 Store 简洁、职责清晰。
📝 发现内容有误?点击此处直接编辑