在 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 开头,否则不持久化数据不改变