關於pinia持久化問題失敗這件事(另附官方持久化教程)

浮白呀發表於2024-10-31
持久化

唉,持久化大坑,怎麼搞
網上大多數的解釋是

這裡的pinia 定義了兩次的問題,但是真的是這樣嗎

好多人發現,我沒定義兩次也會啊,這是為啥

以此為例,發現華點沒有,你想存的資訊直接返回的時候返回掉就行,如果不是直接返回掉而是用get方法包裝的話就會失效

總之,想存的資料必須直接返回才能被識別然後儲存

持久化:

安裝包:

npm i pinia-plugin-persistedstate

新增例項
main.js:

import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)

store/

import { defineStore } from 'pinia'
import { ref } from 'vue'

export const useStore = defineStore(
  'main',
  () => {
    const someState = ref('hello pinia')
    return { someState }
  },
  {
    persist: true,
  },
)

相關文章