超好用插件 vuex-persistedstate

大家在用vuex管理狀態的時候是不是發現state數據每次刷新都會清空，

那是因爲這是存在內存中的，所以我們必須把它保存在 session storage 、local storage 或者cookie中等。

但是每次這都這樣做會顯得很煩，這裏就位大家推薦了 這款持久化插件。他可以自動幫你存儲

下面是使用方法

npm install --save vuex-persistedstate
//使用包管理器安裝

 在store.js中引入

import createPersistedState from 'vuex-persistedstate'
export default new Vuex.Store({
    。。。
  plugins: [createPersistedState()]
})

非常簡單，這樣下次刷新頁面就不會清空值了。

備註：

上面默認是存儲到localStorage裏的 ，我們也可以改存到session中

import createPersistedState from 'vuex-persistedstate'
export default new Vuex.Store({
    。。。
  plugins: [createPersistedState({
    storage: window.sessionStorage
    })]
})

還有很多別的設置大家可以看下插件GitHub

https://github.com/robinvdvleuten/vuex-persistedstate