Pinia action性能监测通过插件机制自动注入计时逻辑，包裹action函数并捕获耗时、参数、堆栈等上下文，仅开发环境启用，支持本地可视化与Devtools集成。
Pinia 的 action 执行性能监测不需要侵入式改造，核心思路是利用 Pinia 插件机制，在 action 调用前后自动注入计时逻辑，并将耗时、参数、调用栈等关键信息汇总上报或本地调试。
利用 Pinia 插件拦截所有 action 调用
Pinia 插件可访问 store 实例和其 actions 对象。通过遍历每个 store 的 $actions（或直接 patch 原始 action 方法），在执行前记录开始时间，执行后计算耗时并触发回调：
- 对每个 action 包裹一层代理函数，保留原签名与返回值（支持 Promise）
- 捕获 error 并记录失败状态，避免影响业务逻辑
- 通过
store.$id和 action 名唯一标识调用点，便于归类分析
采集关键性能上下文
仅记录耗时不足够诊断问题，需补充运行时上下文：
- 调用参数快照：对浅层对象做 JSON.stringify 截取（避免深拷贝开销或循环引用）
-
调用堆栈简化：用
new Error().stack提取顶层 2–3 行（如触发组件名 + 方法），不全量保留 - 嵌套调用标记：用全局计数器或 Symbol 标记是否处于其他 action 内部，识别“连锁慢调用”
轻量上报与本地可视化
避免性能监测本身成为瓶颈：
- 默认只在
import.meta.env.DEV下启用，生产环境完全剔除 - 内存中缓存最近 50 条记录，超出则 FIFO 覆盖；支持手动
clear()或导出 JSON - 提供简易 UI 组件（如悬浮面板），按耗时倒序展示，点击展开参数与堆栈，支持关键词过滤
进阶：结合 Devtools 扩展支持
若已集成 Vue Devtools，可通过 api.emit 发送自定义事件：
- 注册
pinia:action:perf事件，携带结构化数据 - 在 Devtools 面板新增 “Action Perf” 标签页，复用其时间轴与筛选能力
- 支持点击跳转至源码（需 sourcemap + vite 插件注入
__FILE__信息）
不复杂但容易忽略的是：action 可能被多次重命名引用、或通过 bind / call 改变 this，代理时需确保原始方法引用不变；同时注意 Composition API 中 setup 内直接调用的 action 不经过 store 实例代理，需额外处理。
