vuex的持久化

vuex的數據存在內存里面的，瀏覽器一旦刷新的話，數據就會消失沒有了。

我們可以采用vuex-persistedstate 插件實現vuex數據同步到localStorage中

1.安裝

yarn add vuex-persistedstate

在vuex組件庫入口文件index.js引入，調用，此時會將modules里三個模塊放到本地存儲里面了

 import createPersistedState from "vuex-persistedstate"; 
 
 
 let store = new Vuex.Store({
    plugins:[
        createPersistedState()
    ],
    modules:{
        cinema,
        tabbar,
        city
    }
 })

這樣的話再次刷新就不會重置數據了，而是會保持你自己選擇的數據，
如果想要選擇個別想要的數據，還可以獨立傳參，如：

 plugins:[
        createPersistedState({
            reducer:data=>{
                return{
                    city:data.city 
                }
            }
        })
    ],

就會保存在本地想要的數據