vuex 狀態持久保持 刷新不影響

vuex是vue的狀態管理器，可是他就好像是一個全局變量，界面刷新的時候state就會回到初始定義的狀態，這是咱們不想看到的，咱們能夠將他存儲到localStorage或者使用插件來實現。
1、安裝插件

cnpm install vuex-persistedstate  --save

2、store.js文件中引入

import createPersistedState from 'vuex-persistedstate'
...

export default new vuex.Store({
...
    // 配置保存全部state到localStorage中
    plugins: [createPersistedState({storage: window.localStorage})]
...

具體的參數配置

https://www.npmjs.com/package/vuex-persistedstate