实现一个简单的 Vuex 状态持久化功能

// plugins/vuex-state-persister.js
export default function(store) {
  const Key = '__VUEX_STATE__';
  if (localStorage[key]) store.replaceState(JSON.parse(localStorage[Key]));
  store.subscribe(function(mutation, state) {
    localStorage.setItem(Key, JSON.stringify(state));
  });
}
// store/index.js
import createStatePersister from '../plugins/vuex-state-persister';
// ...
export default new Vuex.Store({
  // ...
  plugins: [createStatePersister],
  // 开发环境下启用严格模式，官方文档介绍：https://vuex.vuejs.org/zh/guide/strict.html
  strict: process.env.NODE_ENV !== 'production'
});