vuex實現(xiàn)數(shù)據(jù)狀態(tài)持久化
更新時間：2019年11月11日 19:14:25 作者：Leon_94
今天小編就為大家分享一篇vuex實現(xiàn)數(shù)據(jù)狀態(tài)持久化，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
用過vuex的肯定會有這樣一個痛點，就是刷新以后vuex里面存儲的state就會被瀏覽器釋放掉，因為我們的state都是存儲在內(nèi)存中的。
所以我們通過 vuex-persistedstate這個插件，來實現(xiàn)將數(shù)據(jù)存儲到本地
用法很簡單
1、
npm install vuex-persistedstate
2、
import createPersistedState from 'vuex-persistedstate'
const store = new Vuex.Store({
modules: {
app,
user
},
getters,
plugins: [createPersistedState()] //加上這個就可以了
})
以上這篇vuex實現(xiàn)數(shù)據(jù)狀態(tài)持久化就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue類名如何獲取動態(tài)生成的元素，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue利用全局導(dǎo)航守衛(wèi)作登錄后跳轉(zhuǎn)到未登錄前指定頁面的實例代碼
這篇文章主要介紹了vue利用全局導(dǎo)航守衛(wèi)作登錄后跳轉(zhuǎn)到未登錄前指定頁面,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-05-05
基于vue-seamless-scroll實現(xiàn)無縫滾動效果
這篇文章主要為大家詳細(xì)介紹了基于vue-seamless-scroll實現(xiàn)無縫滾動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
vue-cli2,vue-cli3,vite?生產(chǎn)環(huán)境去掉console.log
console.log一般都是在開發(fā)環(huán)境下使用的,在生產(chǎn)環(huán)境下需要去除?,本文主要介紹了vue-cli2,vue-cli3,vite?生產(chǎn)環(huán)境去掉console.log,具有一定的參考價值,感興趣的可以了解一下2024-05-05
在vue的實際開發(fā)過程中,我們?nèi)绾螌⒁赃x中的值直接渲染到頁面中,下面這篇文章主要給大家介紹了關(guān)于Vue3實現(xiàn)下拉選擇框多選功能的相關(guān)資料,需要的朋友可以參考下2023-09-09
vue.js項目 el-input 組件 監(jiān)聽回車鍵實現(xiàn)搜索功能示例
今天小編就為大家分享一篇vue.js項目 el-input 組件 監(jiān)聽回車鍵實現(xiàn)搜索功能示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了vue-router之解決addRoutes使用遇到的坑，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
把vue-router和express項目部署到服務(wù)器的方法
下面小編就為大家分享一篇把vue-router和express項目部署到服務(wù)器的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要為大家詳細(xì)介紹了如何封裝一個隨機驗證碼的VUE組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要介紹了vue data中如何獲取使用store中的變量，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03