Pinia 实现跨组件状态依赖的高性能模块更新，核心在于模块解耦、响应式精准触发与批量变更合并：各 Store 独立响应、按需通知；通过 storeToRefs 精准订阅字段；getter 自动建立跨 Store 依赖并缓存；$patch 合并多次更新为单次原子操作；避免循环依赖与过度订阅。
Pinia 实现跨组件状态依赖的高性能模块更新，核心在于模块解耦 + 响应式精准触发 + 批量变更合并。它不靠全局监听或强制刷新，而是让每个 Store 独立响应、按需通知，同时通过 $patch 等机制减少冗余响应。
模块化设计天然支持低耦合依赖
每个 Store 是独立实例，拥有自己的 state、getters 和 actions，组件只订阅自己关心的 Store 或其中的特定字段：
- 用户信息变更只影响 useUserStore 的订阅者，购物车操作不会触发用户组件重渲染
- 通过 storeToRefs 解构响应式属性，可精准追踪单个字段（如
const { name } = storeToRefs(userStore)），避免整个 state 对象变化引发不必要的更新 - 多个组件可同时使用不同 Store（如
useUserStore()和useCartStore()），彼此无嵌套依赖，也不需要手动注册或导入 modules
Getter 缓存 + 计算属性优化依赖链
当一个 Store 需要读取另一个 Store 的状态时（例如购物车总价依赖用户 VIP 等级），推荐用 getter 封装逻辑，而非在组件中直接跨 Store 取值：
- 在 cartStore 中定义：
totalWithDiscount: (state) => { const userStore = useUserStore(); return state.total * (userStore.isVip ? 0.9 : 1); } - 该 getter 会自动建立响应式依赖：仅当
cartStore.total或userStore.isVip变化时才重新计算，且结果被缓存，避免重复执行 - 组件中只需
cartStore.totalWithDiscount，无需手动 watch 多个来源
$patch 合并多次变更，避免中间态抖动
跨组件协作常涉及多个字段联动更新（如登录成功后同步设置 token、用户信息、权限列表）。若逐个赋值，会触发多次响应式通知：
- ❌ 低效写法：
userStore.token = 'xxx'; userStore.profile = {...}; userStore.permissions = [...];→ 触发 3 次更新 - ✅ 高效写法：
userStore.$patch({ token: 'xxx', profile: {...}, permissions: [...] })→ 合并为 1 次原子更新 - 更复杂场景可用函数式 $patch：
userStore.$patch(state => { state.isLoggedIn = true; api.fetchRoles().then(r => state.roles = r); })，内部仍保持单次提交语义
避免循环依赖与过度订阅
高性能的前提是不引入反模式：
- 不在 Store 的 actions 中直接调用另一个 Store 的 action（易造成隐式耦合和调试困难），改用事件总线、回调参数或组合式函数封装共享逻辑
- 组件中不用
...toRefs(store)展开全部字段，而只解构真正用到的几个，减少响应式代理开销 - 对非响应式读取场景（如仅初始化时取一次用户 ID），可用
store.$state.userId直接访问原始值，绕过 proxy 追踪
