避免状态交叉请求污染

避免状态交叉请求污染是 Pinia 学习中的单个核心知识点，下面直接说明用法。

定义

避免状态交叉请求污染是 Pinia 使用中的一个独立知识点，核心作用是：在Nuxt中使用usePinia()创建每个请求的pinia实例，掌握stores目录自动导入。

语法

常用语法是在 Store 定义或组件调用处完成配置与使用。

export const useUserStore = defineStore('user', {
  state: () => ({
    name: 'Tom',
    token: '',
    roles: []
  })
})

const userStore = useUserStore()
userStore.name = 'Jerry'

示例

export const useUserStore = defineStore('user', {
  state: () => ({
    name: 'Tom',
    token: '',
    roles: []
  })
})

const userStore = useUserStore()
userStore.name = 'Jerry'

注意事项

SSR 场景必须避免多个请求共享同一个 Store 状态。

要点总结

• 避免状态交叉请求污染 只解决当前知识点对应的问题。
• 优先使用 Pinia 官方 API，避免引入多余封装。
• 示例代码应保持 Store 简洁、职责清晰。