vuex刷新后數(shù)據(jù)丟失的解決方法
更新時間：2020年10月18日 15:42:48 作者：git小米粥
這篇文章主要給大家介紹了關(guān)于vuex刷新后數(shù)據(jù)丟失的解決方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
導(dǎo)語：
我們在寫vue項目的時候，經(jīng)常要用到vuex作為內(nèi)存來儲存，但是我們存放在vuex中的數(shù)據(jù)（用戶數(shù)據(jù)，當(dāng)前頁面的數(shù)據(jù)等等）在刷新后就會丟失，那么如何解決呢？超級簡單。
1，安裝vuex-persistedstate
npm install --save vuex-persistedstate
2，修改store
import createPersistedState from 'vuex-persistedstate'
const store = new Vuex.Store({
state: {
user: {}, //用戶
},
mutations: {
update_user(state, newuser) {
state.user = newuser
},
},
//把所有數(shù)據(jù)緩存到本地
plugins: [createPersistedState()],
})
export default store;
保存后，再運行程序，刷新后vuex中的數(shù)據(jù)就不會丟失了。
總結(jié)
到此這篇關(guān)于vuex刷新后數(shù)據(jù)丟失解決的文章就介紹到這了,更多相關(guān)vuex刷新數(shù)據(jù)丟失的解決內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)簡易選項卡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
本篇文章主要介紹了詳解Vue使用 vue-cli 搭建項目，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了vue運行環(huán)境搭建全過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
關(guān)于element-ui日期時間選擇器選不中12小時以后的時間詳解
在之前做個一個組件頁面中,引用了element-ui組件的日期選擇器,遇到的一個小問題,下面這篇文章主要給大家介紹了關(guān)于element-ui日期時間選擇器選不中12小時以后時間的相關(guān)資料,需要的朋友可以參考下2022-08-08
Vue3組合式函數(shù)Composable實戰(zhàn)ref和unref使用
這篇文章主要為大家介紹了Vue3組合式函數(shù)Composable實戰(zhàn)ref和unref使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
vue是一個單頁面的應(yīng)用,這導(dǎo)致一些爬蟲和百度無法搜索到,如果你想針對你應(yīng)用的其中某些頁面進(jìn)行SEO優(yōu)化,讓他們可以被爬蟲和百度搜索到,你可以進(jìn)行預(yù)渲染操作,下面這篇文章主要給大家介紹了關(guān)于Vue單頁面應(yīng)用做預(yù)渲染的相關(guān)資料,需要的朋友可以參考下2021-10-10
vue 中基于html5 drag drap的拖放效果案例分析
本文通過三個案例給大家介紹了vue 中基于html5 drag drap的拖放效果 ,需要的朋友可以參考下2018-11-11
本篇文章主要介紹了vue-cli實現(xiàn)多頁面多路由的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
vue輪播圖插件vue-awesome-swiper的使用代碼實例
本篇文章主要介紹了vue輪播圖插件vue-awesome-swiper的使用代碼實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
webpack4+Vue搭建自己的Vue-cli項目過程分享
這篇文章主要介紹了webpack4+Vue搭建自己的Vue-cli，對于vue-cli的強大,使用過的人都知道,極大的幫助我們降低了vue的入門門檻,感興趣的朋友跟隨腳本之家小編一起看看吧2018-08-08