this.$store.dispatch(‘logout’)返回的结果是Promise类型的
调用成功的情况下,返回状态为fulfilled,值为undefined。
所以可以直接进行.then操作:
this.$store.dispatch('logout').then((result) => {
console.log(result);
});
因为 Vuex 的 action 是设计为可以处理异步操作的,并且当你调用 dispatch 方法时,它会返回一个表示该操作完成的 Promise。
拓展:
1.其余的store.getters、store.commit是同步的,则不返回promise。
2.在actions中可以通过dispatch调用actions中其他的方法
actions: {
resetToken ({ dispatch }) {
dispatch('logout').then(() => {
console.log("...");
})
},
logout ({ commit }) {
localStorage.removeItem('token')
localStorage.removeItem('role')
commit('setToken', '')
commit('setRole', '')
}
},
在Vuex中,actions中的函数传递的第一个参数是一个包含以下属性的上下文对象(context):
a.state:当前模块的局部状态对象。
b.rootState:整个Vuex的根状态对象。
c.commit:用于提交mutation的方法。
d.dispatch:用于分发action的方法。
e.getters:当前模块的局部getters对象。
f.rootGetters:整个Vuex的根getters对象。
使用解构赋值将其中需要的结构出来。
第二个参数是载荷,即传给Vuex的数据。
mutations函数接收两个参数:
a.state:当前模块的局部状态对象。
b.payload:可选的参数,用于传递额外的数据。