直接调用 store.$reset() 可将状态还原为初始值，前提是 state 必须为返回新对象的函数（如 () => ({ count: 0 })），且 Pinia ≥ 2.0.19；错误写法（如复用外部对象）会导致响应式失效。
直接调用 store.$reset() 就能将状态还原为初始值，前提是 store 的 state 必须是函数形式（() => ({ ... })），且 Pinia 版本 ≥ 2.0.19（新版默认支持 reset）。
确保 state 是可重置的函数形式
Pinia 的 $reset() 依赖于每次调用 state() 都返回一个全新对象。若写成箭头函数直接返回对象字面量（如 state: () => ({ count: 0 })），它就满足条件；但若误用普通函数或变量引用（如 const initState = { count: 0 }; state: () => initState），重置时会复用同一对象，导致响应式失效或数据污染。
- ✅ 正确写法：使用纯函数返回新对象
- ❌ 错误写法：复用外部定义的对象或使用非函数形式的 state
- ? 提示：TypeScript 下建议显式标注返回类型，避免推断出错
在组件中安全调用 $reset()
调用 store.$reset() 后，store 内部状态立即更新，但需注意视图同步细节：
- 直接访问
store.xxx的模板或逻辑会自动响应 - 若已解构（如
const { count } = store），解构变量不会自动更新，应改用toRefs(store)或保持对 store 的引用 - 子组件通过
:count="store.count"接收 prop 时，$reset 触发后 Vue 能正确更新，无需额外操作
配合业务逻辑做完整登出/清空
实际场景中，重置 store 往往不是孤立动作，而是登出、切换账号等流程的一部分：
立即学习“前端免费学习笔记（深入）”；
- 先清理敏感数据（如 token、用户信息）
- 再调用相关 store 的
$reset()（如userStore.$reset()、cartStore.$reset()） - 同步清除 localStorage、sessionStorage 中的持久化字段
- 重定向前手动清理定时器、取消未完成请求（避免内存泄漏）
不复杂但容易忽略：$reset 只管 state 还原，其余副作用得自己兜底。
