Vuex的购物车案例页面刷新数据丢失的解决方法

最近在搞一个购物车功能，发现使用vuex把商品加入购物车后刷新页面购物车的数据就会丢失，最后查了一番资料，解决方法如下：

npm i vuex-persistedstate

在store/index.js文件引入

import createPersistedState from 'vuex-persistedstate'

new Vuex.Store({

//持久化操作

    plugins: [createPersistedState({

        storage: window.sessionStorage

      })]

}）

如果小程序报错，plugins: [createPersistedState({         storage: window.sessionStorage       })]

改成如下：

plugins: [
    createPersistedState({
          storage: {
            getItem: key => wx.getStorageSync(key),
            setItem: (key, value) => wx.setStorageSync(key, value),
            removeItem: key => () => {}
          }
     })
]

这样就完成解决啦