变更 State
变更 State是 Pinia 学习中的单个核心知识点,下面直接说明用法。
定义
变更 State是 Pinia 使用中的一个独立知识点,核心作用是:直接修改store.state属性,理解Pinia支持直接修改(无需mutations)。
语法
常用语法是在 Store 定义或组件调用处完成配置与使用。
JavaScript
export const useUserStore = defineStore('user', {
state: () => ({
name: 'Tom',
token: '',
roles: []
})
})
const userStore = useUserStore()
userStore.name = 'Jerry'
示例
JavaScript
export const useUserStore = defineStore('user', {
state: () => ({
name: 'Tom',
token: '',
roles: []
})
})
const userStore = useUserStore()
userStore.name = 'Jerry'
注意事项
Pinia 不需要 mutation,简单状态可以直接赋值,复杂批量更新优先使用
$patch()。
要点总结
变更 State只解决当前知识点对应的问题。- 优先使用 Pinia 官方 API,避免引入多余封装。
- 示例代码应保持 Store 简洁、职责清晰。
📝 发现内容有误?点击此处直接编辑