日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

本篇內(nèi)容主要講解“vuex的持久化怎么做”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“vuex的持久化怎么做”吧!

創(chuàng)新互聯(lián)建站成立與2013年，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元岳陽縣做網(wǎng)站,已為上家服務(wù),為岳陽縣各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

vuex可以進(jìn)行全局的狀態(tài)管理，但刷新后刷新后數(shù)據(jù)會消失，這是我們不愿意看到的。怎么解決呢，我們可以結(jié)合本地存儲做到數(shù)據(jù)狀態(tài)持久化，也可以通過插件vuex-persistedstate。

vuex狀態(tài)持久化怎么做

1.手動利用HTML5的本地存儲

方法

1、vuex的state在localStorage或sessionStorage中取值；

2、在mutations中,定義的方法里對vuex的狀態(tài)操作的同時(shí)對存儲也做對應(yīng)的操作。

這樣state就會和存儲一起存在并且與vuex同步

2.利用vuex-persistedstate插件

插件的原理其實(shí)也是結(jié)合了存儲方式,只是統(tǒng)一的配置就不需要手動每次都寫存儲方法。

使用方法

安裝

npminstallvuex-persistedstate--save

引入及配置：在store下的index.js中

importcreatePersistedStatefrom"vuex-persistedstate"

conststore=newVuex.Store({

 //...

 plugins:[createPersistedState()]

})

默認(rèn)存儲到localStorage

想要存儲到sessionStorage，配置如下

importcreatePersistedStatefrom"vuex-persistedstate"

conststore=newVuex.Store({

    //...

  plugins:[createPersistedState({

        storage:window.sessionStorage

  })]

})

默認(rèn)持久化所有state

vuex的用法

安裝:

npminstallvuex-persistedstate--save

vuex初始化就開始引入：

每次我們更新vuex的狀態(tài)，localstorage中的vuex也會隨之改變.

vuex-persistedstate默認(rèn)使用localStorage來固化數(shù)據(jù).

到此，相信大家對“vuex的持久化怎么做”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

網(wǎng)站名稱：vuex的持久化怎么做-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://www.dlmjj.cn/article/cdcjed.html