import { defineStore } from 'pinia'
// defineStore 调用后返回一个函数,调用该函数获得 Store 实体
export const useStore = defineStore({
// id: 必须,在所有 Store 中唯一
id: 'globalState',
// state: 返回对象的函数
state: () => ({
data: { daydiffer: 2 },
order: {},
userInfo: { name: '', pkenenhone: '', idno: '' },
token: '',
file: {},
roomData: {},
}),
// getter 第一个参数是 state,是当前的状态,也可以使用 this 获取状态
// getter 中也可以访问其他的 getter,或者是其他的 Store
getters: {},
actions: {
updateData(newData, count) {
// 使用 this 直接修改
this.data = { ...newData }
this.userInfo = { ...newData }
// 使用 $patch 修改多个值
this.$patch({ data: { ...newData } })
},
},
persist: {
enabled: true, // true 表示开启持久化保存
strategies: [
{ key: 'otaData', storage: sessionStorage, paths: ['data'] },
{ key: 'otaOrder', storage: sessionStorage, paths: ['order'] },
],
},
})
pinia持久化
最新推荐文章于 2024-07-12 16:27:40 发布