vuex持久化localstoragevuex

vuex的业务存在缺陷

vuex用于管理项目中的全局状态,但是我们一刷新vuex中保存的全局状态就会被全部初始化,虽然我们也可以同时缓存到storage中做两步操作,但是vuex-persistedstate组件已经帮我们完成了同步更新

安装

  1. npm install vuex-persistedstate --save

使用

  1. import createPersistedState from 'vuex-persistedstate'
  2. export default new Vuex.Store({
  3. state,
  4. mutations,
  5. getters,
  6. plugins: [createPersistedState()]
  7. })