关于pinia持久化问题失败这件事(另附官方持久化教程)

唉,持久化大坑,怎么搞
网上大多数的解释是

这里的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,
  },
)