vuex的数据持久化处理—利用vue-presistedstate插件

0.理解

问题：购物车中的数据在每次刷新页面之后都会清空

解决：

        vue-presistedstate插件，结合了浏览器的本地存储localStorage和sessionStorage，统一进行配置，不需要每次都手写存储方法。

1.安装插件

npm install vuex-persistedstate --save 

2. 引入插件

import createPersistedState from 'vuex-persistedstate'

//在store中，添加plugins
const store = new Vuex.Store({
  state: {
  },
  getters: {
  },
  mutations: {
  },
  actions: {
  },
  modules: {
    user,
    // cart
  },
  plugins: [
    //默认为localStorage
    createPersistedState({})
  ]
})

3.store中的state数据就自动进行了保存