05. Pinia の状態管理と永続化

状態管理に Pinia を使用すると、ページが更新されるたびにグローバル変数が失われます。検索したところ、Pinia の良いガイド記事を見つけました。ありがとうございます。方向：

https://jishuin.proginn.com/p/763bfbd71cbf

具体的な解決策は、
pinia-plugin-persist 永続状態管理プラグインを使用することです。このプラグインは、デフォルトでセッション ストレージに永続化する必要があるデータをキャッシュします。説明書：

第一步：安装pinia-plugin-persist插件
npm i pinia-plugin-persist --save

第二步：导入pinia持久化插件
import piniaPluginPersist from 'pinia-plugin-persist'
const store = createPinia()
store.use(piniaPluginPersist)

第三步：在你需要缓存的store 里开启 persist 
export const useUserStore = defineStore({
    
    
  id: 'user',
  state: () => {
    
    
    return {
    
    
      name: '张三'
    }
  },
  // 开启数据缓存
  persist: {
    
    
    enabled: true
  }
})

以上の手順で簡単にストア全体のキャッシュを実現できます。もちろん、pinia-plugin-persist はローカル ストレージにデータをキャッシュしたり、データの一部のみをキャッシュしたりすることもできます。これについては、この記事で詳しく説明します。

参考文献ガイド：https://jishuin.proginn.com/p/763bfbd71cbf より転載