Vuex的actions属性的具体使用

2020-06-13 10:35:38易采站长站整理

targetUser: state => state.targetUser
};
const mutations = {
//自定义改变state初始值的方法

[types.SET_TARGET_USER](state, targetUser) {
if (targetUser) {
state.targetUser = targetUser; //如果targetUser有内容就赋给状态信息
} else {
//如果没内容就给targetUser赋空对象
state.targetUser = {};
}
}
};

const actions = {
//这里面的方法是用来异步触发mutations里面的方法,context与store 实例具有相同方法和属性
setGargetUser({ commit }, targetUser) {
commit(types.SET_TARGET_USER, targetUser);
// localStorage.setItem("SET_TARGET_USER", JSON.stringify(targetUser));
}
};
export default new Vuex.Store({
state,
mutations,
getters,
actions,
});

取值:


this.$store.getters.targetUser