怎么做到vuex的持久化?

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

npm i vuex-persistedstate

在模块化的入口文件中引入

+import createPersistedstate from 'vuex-persistedstate'

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

默认是存储在localStorage中

===> key是存储数据的键名

===> paths是存储state中的那些数据，如果是模块下具体的数据需要加上模块名称，如user.token

===> 修改state后触发才可以看到本地存储数据的的变化。