vuex數據狀態持久化（ 解決刷新以后vuex里面存儲的state會被瀏覽器釋放掉）

在使用 vuex 的時候， 刷新以后里面存儲的 state 就會被瀏覽器釋放掉，因為我們的 state 都是存儲在內存中的，所以一刷新頁面就會把 state 中的數據重置，這就涉及到vue數據持久化的問題。

解決方式：

使用 vuex-persistedstate 這個插件，來實現將數據存儲到本地，從而實現刷新后 state 仍然還存在。

1、安裝  vuex-persistedstate 

npm install vuex-persistedstate

 

 

2、引入使用

import createPersistedState from 'vuex-persistedstate'   // 引入
const store = new Vuex.Store({
　　state: {
 　　 menuslist: []
　　},
　　plugins: [createPersistedState()] //加上這個就可以了 （使用）
})

 

 

使用插件會比較方便，不用手動設置。