Vuex 持久化数据更新（vuex-persistedstate）

在 Vuex 的使用过程中， 会面临 数据持久化问题，如：用户数据、菜单数据、必要的信息数据等。

遇到问题：改变数据后 F5 刷新页面，数据不改变
使用方式

export default {
  mounted() {
    modules.user.userName = "IT_IOS_MAN"
  }
}

解决方案

export default {
  mounted() {
    store.commit('changeName',  "IT_IOS_MAN");
  }
}

mutations.js

export const changeName= (modules, name) => {  // 改变名字
  modules.user.userName= payload.name;
}

注意： 方法必须已 change 开头，否则不持久化数据不改变