首頁(yè) 猿問(wèn) VUE里面：[CHANGE_MSG...

VUE里面：[CHANGE_MSG](state, msg)這個(gè)是什么語(yǔ)法？

JavaScript

桃花長(zhǎng)相依 2019-05-24 11:28:44

部分代碼如下：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++;}}

查看完整描述

2 回答

MYYA

TA貢獻(xiàn)1868條經(jīng)驗(yàn) 獲得超4個(gè)贊

每個(gè)mutation都有一個(gè)字符串的事件類(lèi)型和一個(gè)回調(diào)函數(shù)，事件類(lèi)型就是你的CHANG_MSG，后面的是回調(diào)函數(shù)，一般可以把事件類(lèi)型作為常量存在mutation_types.js這個(gè)文件里面，方便統(tǒng)一管理，在你的store.js引入之后就可以CHANGE_MSG(state,msg){state.message=msg}這樣commit你的mutation在組件里使用的話(huà)首先import你的mutation_types.jsimport*astypesfrom'../store/mutation_types'如果需要提交mutation，那么在方法里面this.$store.commit(types.CHANGE_MSG)