VUE里面：[CHANGE_MSG](state, msg)这个是什么语法？

Question

部分代码如下：
importVuefrom'vue'
importVuexfrom'vuex'
import{CHANGE_MSG,INCREMENT_COUNTER}from'./mutation_types'
Vue.use(Vuex)
conststate={
message:'HelloVue!',
counter:0
}
constmutations={
[CHANGE_MSG](state,msg){
state.message=msg
},
[INCREMENT_COUNTER](state){
state.counter++;
}
}

Answer 1

每个mutation都有一个字符串的事件类型和一个回调函数，事件类型就是你的CHANG_MSG，后面的是回调函数，一般可以把事件类型作为常量存在mutation_types.js这个文件里面，方便统一管理，在你的store.js引入之后就可以CHANGE_MSG(state,msg){state.message=msg}这样commit你的mutation在组件里使用的话首先import你的mutation_types.jsimport*astypesfrom'../store/mutation_types'如果需要提交mutation，那么在方法里面this.$store.commit(types.CHANGE_MSG)