在 Vuex 的使用過程中, 會面臨 數(shù)據(jù)持久化問題脱盲,如:用戶數(shù)據(jù)乾蛤、菜單數(shù)據(jù)每界、必要的信息數(shù)據(jù)等捅僵。
遇到問題:改變數(shù)據(jù)后 F5 刷新頁面,數(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ù)不改變