Pinia 中 state 必须是函数（推荐箭头函数），以确保每次创建 store 实例时都返回全新的独立状态对象，避免多个实例共享引用导致数据污染；直接写对象字面量会引发共享和报错。
Pinia 中的 state 必须是一个函数（返回初始状态的对象），而这个函数**推荐使用箭头函数定义**，主要是为了确保每次创建 store 实例时都能获得**全新的、独立的状态对象**，避免多个实例间共享引用导致的数据污染。
为什么必须用函数（推荐箭头函数）？
因为 Pinia 要求 state 是一个函数，这样在多次调用 useStore() 时，每次都会执行该函数，返回一份新的状态副本。如果直接写成对象字面量，所有 store 实例会共用同一份内存地址 —— 这是常见 bug 来源。
箭头函数写法简洁、无 this 绑定干扰，语义清晰，符合 Pinia 官方示例风格。
正确写法：箭头函数返回状态对象
在定义 store 时，state 字段应写为：
export const useCounterStore = defineStore('counter', {
state: () => ({
count: 0,
name: 'Pinia',
items: [] as string[],
user: { id: 1, name: 'Alice' } as User
}),
// ...其他选项
})
- ✅ 每次调用
useCounterStore()都会执行箭头函数，得到全新对象 - ✅ 数组、对象、嵌套结构都保持独立（注意：深层对象仍需手动深拷贝，但顶层已隔离）
- ✅ 类型推导友好，TypeScript 可自动识别返回类型
常见错误写法对比
❌ 错误：直接写对象（非函数）→ 所有实例共享 state
state: { count: 0 } // ❌ Pinia 会报错或行为异常
❌ 错误：普通函数但忘记 return（语法错误）
state: function() { { count: 0 } } // ❌ 缺少 return，返回 undefined
✅ 正确替代（普通函数也可，但箭头函数更简洁）：
state: function() {
return {
count: 0,
items: []
}
}
需要初始化复杂数据？在箭头函数内处理
比如从 localStorage 恢复、生成唯一 ID、调用工具函数等，都可以放在箭头函数体内：
- 读取本地缓存并解析：
JSON.parse(localStorage.getItem('cart') || '[]') - 生成默认时间：
new Date().toISOString() - 调用工厂函数：
createEmptyForm()
只要最终 return 一个新对象即可，箭头函数完全支持这些逻辑。
