1. 程式人生 > 程式設計 >vuex重新整理後資料丟失的解決方法

vuex重新整理後資料丟失的解決方法

導語:

我們在寫vue專案的時候,經常要用到vuex作為記憶體來儲存,但是我們存放在vuex中的資料(使用者資料,當前頁面的資料等等)在重新整理後就會丟失,那麼如何解決呢?超級簡單。

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
 },},//把所有資料快取到本地
 plugins: [createPersistedState()],})
 
export default store;

儲存後,再執行程式,重新整理後vuex中的資料就不會丟失了。

總結

到此這篇關於vuex重新整理後資料丟失解決的文章就介紹到這了,更多相關vuex重新整理資料丟失的解決內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!