Vue全局状态一键清空的核心是将状态恢复到初始值而非刷新页面，Pinia推荐用$reset()（需state为函数且启用reset），Vuex需手动实现RESET mutation，provide/inject需替换响应式对象，并须同步清理缓存、定时器和URL状态。
Vue 全局状态的一键清空，核心是把状态管理器（如 Pinia、Vuex）或自定义全局 store 中的数据恢复到初始值，而不是简单地刷新页面或手动逐个赋空。关键在于“可预测、可复位、不漏清理”。
Pinia：直接调用 $reset()（最推荐）
Pinia 原生支持一键重置，但需满足两个前提：
- 定义 store 时启用 state 的初始函数形式（而非箭头函数返回对象），确保每次重置都能拿到全新初始值；
- store 配置中显式开启
reset选项（v2.0.19+ 默认开启，旧版需确认）。
示例：
export const useUserStore = defineStore('user', {
state: () => ({
profile: null,
permissions: [],
token: '',
}),
// reset 功能默认可用，无需额外配置
})
使用时只需：
立即学习“前端免费学习笔记（深入）”；
const userStore = useUserStore() userStore.$reset() // ← 立即还原为 state() 返回的初始值
Vuex：提交 RESET 类型 mutation（需手动实现）
Vuex 不内置重置方法，需在根模块或各模块中统一约定 RESET 行为：
- 在
state中保留一份初始快照（如const initialState = {...}）； - 在
mutations中添加RESET类型，将 state 赋值为该快照； - 若使用模块化，建议在根 store 的
actions中封装resetAll，依次 dispatch 各模块的 RESET。
小技巧：避免深拷贝开销，可直接导出初始 state 对象，让所有模块引用同一份源。
纯 provide/inject + reactive：主动替换响应式对象
若未用状态库，而是通过 provide 注入一个全局 reactive 对象，清空逻辑要“替换”而非“修改”：
- ❌ 错误写法：
globalState.items.length = 0（可能跳过响应式追踪）； - ✅ 正确写法：
Object.assign(globalState, { items: [], count: 0 })或globalState = reactive({ items: [], count: 0 })（需重新 provide）。
更稳妥的做法是封装一个 resetGlobalState() 函数，在 setup 中统一管理初始值来源。
别忘了同步清理“影子数据”
状态重置后，以下内容不会自动消失，必须手动处理：
-
本地缓存：如用了
pinia-plugin-persistedstate，需额外调用persist.clearStorage()或配置storage为内存模式； -
定时器 / 请求 / 订阅：比如正在轮询的
setInterval、未取消的watch、WebSocket 连接，应在$reset前或重置回调中清理； -
路由参数或 URL 状态：如分页页码、筛选条件保留在 query 中，需配合
router.replace清除。
建议在 store 的 onMounted 或 setup 中注册清理函数，并在重置时统一触发。
