在Vue.js中,提供了一個全局狀態管理工具Vuex,該工具能夠方便快捷地管理Vue組件之間的共享狀態。其中,$store是Vuex中非常重要的一個對象,在Vue組件中需要對Vuex的狀態進行改變時,就需要對它進行操作。在$store中,有一個核心方法叫做commit,它用于提交一個mutation。
mutation是Vuex中一個非常重要的概念,可以理解為Vuex中的setter,它能夠改變Vuex中的狀態。而commit方法,它就是用于觸發mutation的執行,從而改變Vuex中狀態的值。
$store.commit(mutationName, payload)
其中,mutationName代表要執行的mutation名稱,payload是一個可選的參數,用于傳遞額外的參數給mutation。
舉個例子,如果我們想要在Vuex中定義一個狀態變量count,并且在Vue組件中通過一個按鈕觸發count自增,那么我們可以先在Vuex中定義mutation:
const mutations = { increment(state) { state.count++ } }
在Vue組件中,我們可以使用$store.commit方法來觸發這個mutation的執行:
以上代碼會在按鈕被點擊時觸發increment mutation,從而改變count的值。
下一篇vue $toast