context的话就相当于state的父亲,上一级,包含着state中的所有属性
context:{
state, 等同于store.$state,若在模块中则为局部状态
rootState, 等同于store.$state,只存在模块中
commit, 等同于store.$commit
dispatch, 等同于store.$dispatch
getters 等同于store.$getters
}
常规写法调用的时候会使用context.commit,但更多的是使用es6的变量解构赋值,也就是直接在参数的
位置写自己想要的属性,如:{commit}。
例如:
prev ({dispatch, state}) {
const list = state.listInfo.songList
if (state.listInfo.songIndex === 0) {
state.listInfo.songIndex = list.length
} else {
state.listInfo.songIndex–
}
const hash = list[state.listInfo.songIndex] && list[state.listInfo.songIndex].hash
dispatch(‘getSong’, hash)
},
dispatch:含有异步操作;而commit只是同步操作,都是提交 mutation,因为只能在mutation中才能够改变state中的值,然而mutation中只能进行同步操作,从而actions就出现了,actions允许异步和同步操作,但是对于actions的操作其实就是提交mutation来完成;