使用 vuex-persistedstate 插件持久化vuex中的数据

vuex 经过刷新后数据会丢失，所以在开发中我们一般会将vuex中的数据持久化。

其中，vuex-persistedstate 插件可以将数据存储到 localStorage 中，vuex 再从localStorage 中读取数据

1.下载 vuex-persistedstate 插件

yarn add vuex-persistedstate

或者

npm i vuex-persistedstate

2.在 store/index.js 中引入并配置

（1）引入

import createPersistedstate from 'vuex-persistedstate'

（2）配置，和 modules 平级

import { createStore } from 'vuex'
import createPersistedstate from 'vuex-persistedstate'

import user from './modules/user'
import cart from './modules/cart'

export default createStore({
  modules: {
    user,
    cart
  },
  plugins: [
    createPersistedstate({
      key: 'erabbit-client-pc-store',
       // 需要存储的模块
      paths: ['user', 'cart']
    })
  ]
})