国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

pinia數(shù)據(jù)持久化,解決刷新state數(shù)據(jù)丟失

這篇具有很好參考價值的文章主要介紹了pinia數(shù)據(jù)持久化,解決刷新state數(shù)據(jù)丟失。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

  1. 下載插件
    插件 pinia-plugin-persist 可以輔助實現(xiàn)數(shù)據(jù)持久化功能。
npm i pinia-plugin-persist  安裝
  1. 安裝插件
    在入口文件main.js中
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import 'element-plus/es/components/message/style/css'
import './assets/main.css'
import { createPinia } from 'pinia'//引入pinia
import piniaPluginPersist from 'pinia-plugin-persist'//引入pinia數(shù)據(jù)持久化插件
const app = createApp(App)
app.use(router)
app.use(createPinia().use(piniaPluginPersist))//安裝插件
app.mount('#app')

  1. 配置數(shù)據(jù)持久化
import { defineStore } from 'pinia'
export const useStore = defineStore('managestate', {
  persist: {
    enabled: true,//開啟數(shù)據(jù)持久化
    strategies: [
      {
        key: 'managestate',//給一個要保存的名稱
        storage: localStorage,//sessionStorage / localStorage 存儲方式
      }
    ]
  },
  
  state() {}
  },
  getters: {}
  },
  actions: {}
  }
})
  1. 數(shù)據(jù)已經(jīng)存儲到了本地
    pinia數(shù)據(jù)持久化,解決刷新state數(shù)據(jù)丟失

文章來源地址http://www.zghlxwxcb.cn/news/detail-511224.html

到了這里,關于pinia數(shù)據(jù)持久化,解決刷新state數(shù)據(jù)丟失的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包