安装
-
用你喜欢的包管理器安装依赖:
- pnpm:
pnpm i pinia-plugin-persistedstate
- npm:
npm i pinia-plugin-persistedstate
- yarn:
yarn add pinia-plugin-persistedstate
-
将插件添加到 pinia 实例上
用法
创建 Store 时,将 persist
选项设置为 true
。
使用选项式 Store 语法:
import { defineStore } from 'pinia'
export const useStore = defineStore('main', {
state: () => {
return {
someState: '你好 pinia',
}
},
persist: true,
})
或者使用组合式 Store 语法:
import { defineStore } from 'pinia'
export const useStore = defineStore(
'main',
() => {
const someState = ref('你好 pinia')
return { someState }
},
{
persist: true,
}
)
现在,你的整个 Store 将使用默认持久化配置保存。
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
实例
扫描二维码关注公众号,回复:
16924809 查看本文章
配合pinia 插件存、取、删本地数据(localStorage等)