首先下包
npm i pinia-plugin-persistedstate
然后在main.ts中导入
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
然后挂载
const pinia = createPinia()
const app = createApp(App)
app.use(createPinia())
pinia.use(piniaPluginPersistedstate)
要注意顺序的先后
然后在store中使用
const useCounterStore = defineStore('counter', () => {
let count = ref(1)
const adds = () => {
count.value++
}
return {
count, adds
}
}, {
persist: true
})
本文介绍了如何在Vue应用中使用Pinia库和pinia-plugin-persistedstate插件来创建并管理持久化的状态存储,包括正确的导入顺序、在store中定义和使用`useCounterStore`,以及设置`persist`选项。
270

被折叠的 条评论
为什么被折叠?



