vue3 pinia 使用pinia遇到了这个问题

改了很久的代码,还是没有找到原因,请问各位有什么好的解决办法?

img

  • 你可以参考下这篇文章:vue3 Pinia使用示例
  • 除此之外, 这篇博客: vue3使用pinia中的 Pinia数据持久化 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • npm install pinia-plugin-persist

    main.js

    
    import { createPinia } from 'pinia'
    const app = createApp(App);
    import piniaPersist from 'pinia-plugin-persist'
    const pinia = createPinia()
    pinia.use(piniaPersist)
    app.use(pinia)
    app.mount('#app')
    
    

    store/index persist开启缓存配置

    
    import { defineStore } from "pinia"
    export const useStore  = defineStore('main', {
    
    state: () => {
        return {
          count: 0,
          list: [1, 2, 3, 4 ],
          name: 123
        }
      },    
     
      getters: {},
    
      actions: {},
      
      // persist: true,//缓存所有数据
      
      persist: {
        enabled: true, // 开启数据缓存
        strategies: [
          {
            key: 'myuser',//存储key值
            storage: localStorage, // 默认是sessionStorage
            paths: ['count'] //指定字段存储数据
          }
        ],
      }
     
    })
      
    

    在这里插入图片描述

    在这里插入图片描述