VUEX數(shù)據(jù)持久化

刷新頁(yè)面,vuex里面數(shù)據(jù)丟失、清空。有時(shí)候我們需要把一些數(shù)據(jù)固話到本地,即使刷新也不能清空,例如:登陸狀態(tài)、token等。這是就需要用到vuex數(shù)據(jù)持久化

//需要先下載插件npm install vuex-persistedstate--save 或者 使用yarnaddvuex-persistedstate--save

//在vuex初始化時(shí)導(dǎo)入插件importpersistfrom'vuex-persistedstate'//并使用exportdefaultnewVuex.Store({state:{},mutations:{},actions:{},modules:{},plugins:[newpersist({storage:window.localStorage,}),],//會(huì)自動(dòng)保存狀態(tài),刷新時(shí)不會(huì)丟失})

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 最近公司里的一個(gè)項(xiàng)目,登錄之后用戶的數(shù)據(jù)和權(quán)限保存在vux中,在各個(gè)頁(yè)面調(diào)用,這里就遇到了vuex數(shù)據(jù)持久化的問(wèn)題...
    Tropic丶閱讀 2,510評(píng)論 0 6
  • 1 .如果想讓某些數(shù)據(jù)頁(yè)面刷新之后不消失,那就可以結(jié)合本地存儲(chǔ)做到數(shù)據(jù)持久化2 .比如之前的搜索記錄,還有一些需要...
    skoll閱讀 3,386評(píng)論 2 2
  • vuex可以進(jìn)行全局的狀態(tài)管理,但刷新后刷新后數(shù)據(jù)會(huì)消失,這是我們不愿意看到的。怎么解決呢,我們可以結(jié)合本地存儲(chǔ)做...
    無(wú)腳鳥(niǎo)30閱讀 5,591評(píng)論 1 31
  • 直接上代碼vuex的簡(jiǎn)單存取可以看我之前的汶上vuex簡(jiǎn)單存取[http://www.itdecent.cn/p...
    X_8d6a閱讀 2,041評(píng)論 0 0
  • 利用vuex-persistedstate對(duì)vuex中的數(shù)據(jù)進(jìn)行持久化存儲(chǔ)到sessionstorage中,但是一...
    一只魚(yú)_d589閱讀 2,939評(píng)論 0 0

友情鏈接更多精彩內(nèi)容