Vuex持久化

一，持久化原因：

Vuex的数据储存在本地，页面一刷新数据就会存在丢失

二，我们需要安装一个vuex的插件vuex-persistedstate来支持vuex的状态持久化

npm i vuex-persistedstate

三，最后：使用vuex-persistedstate插件来进行持久化

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

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

export default createStore({
  modules: {
    user,
    cart,
    cate
  },
+  plugins: [
+    createPersistedstate({
+      key: 'erabbit-client-pc-store',
+      paths: ['user', 'cart']
+    })
+  ]
})

注意：默认是储存在localStorage

         key是储存的键名

        paths是储存在state里面的数据，如果是模块下具体的数据，那就要加上模块名，如：                    user.token

        修改state可以改变本地储存数据的变化