Vuex持久化存儲之vuex-persist

引入 vuex-persist 插件，它就是為 Vuex 持久化存儲而生的一個插件。不需要你手動存取 storage ，而是直接將狀態保存至 cookie 或者 localStorage 中。具體用法如下：

安裝： npm install --save vuex-persist

引入：import VuexPersistence from 'vuex-persist'

創建對象：

const vuexLocal = new VuexPersistence({ storage: window.localStorage })

引入到Vuex插件：

const store = new Vuex.Store({ state: { ... }, mutations: { ... }, actions: { ... }, plugins: [vuexLocal.plugin] }) 

通過以上設置，在各個頁面之間跳轉，如果刷新某個視圖，數據依然存在，並且不需要在每個 mutations 中手動存取 storage 。