在 Vuex 的使用過(guò)程中， 會(huì)面臨 數(shù)據(jù)持久化問(wèn)題，如：用戶數(shù)據(jù)、菜單數(shù)據(jù)、必要的信息數(shù)據(jù)等。

遇到問(wèn)題：改變數(shù)據(jù)后 F5 刷新頁(yè)面，數(shù)據(jù)不改變
使用方式

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 開頭，否則不持久化數(shù)據(jù)不改變