首先下包
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
})