Vue.js是當今最流行的JavaScript框架之一。它使用MVVM（Model-View-ViewModel）架構模式來構建復雜的用戶界面。Vuex是Vue.js的狀態管理庫。它提供了一個中央存儲庫，使得共享狀態變得更容易。當我們需要在Vuex store中調用一個action時，我們可以使用dispatch方法。在下面的文章中，我們將深入探討Vuex中的dispatch方法。

//example
actions: {
doSomething ({commit}, data) {
return new Promise((resolve, reject) =>{
// some async operation
commit('SET_SOMETHING', data)
resolve()
})
}
}
this.$store.dispatch('doSomething', data)
.then(() =>{
console.log('success')
})
.catch(() =>{
console.log('error')
})

dispatch方法用于在store中的actions中觸發異步操作。它可以接受一個包含兩個參數的Object，第一個參數是action的名稱，第二個參數是需要傳遞給action的數據。使用promise來返回resolve或reject，以便獲取成功或失敗的回調。

在上面的示例中，我們定義了一個名為doSomething的action，它在接收到數據后觸發一個異步操作，并在操作完成后使用commit方法將數據存儲在Vuex store中。我們可以使用dispatch方法來調用這個action，并使用Promise獲取成功或失敗的回調。

this.$store.dispatch('doSomething', data)
.then(() =>{
console.log('success')
})
.catch(() =>{
console.log('error')
})

當我們在vue組件中調用dispatch方法時，$store對象中的state、mutations和getters都可以使用。因此，dispath方法為我們提供了一個方便的方式來進行異步操作并更新store中的狀態。

總之，dispatch方法是一個非常有用的api，可以幫助我們在Vuex中觸發異步操作，并且仍然能夠使用store中的其他方法。我們可以在傳遞給dispatch方法的第二個參數中傳遞任何類型的數據，因此我們可以輕松地在組件中使用它來調用store中的action。