Vue Action Dispacher是一個為Vue.js提供flux風格架構的庫，它能夠幫助我們實現分層應用程序，尤其適用于大型項目，它提供了一種簡單的方式來處理應用程序的狀態和邏輯。

在Vue Action Dispacher中，我們可以通過聲明各種各樣的Action，來定義一些特定的行為和狀態變更方式，它概括了應用程序的所有業務邏輯，例如表單提交，頁面跳轉，用戶登錄等操作。每一個Action都具備一個行為和它所操作的數據，也可以定義一些與之關聯的事件，例如“before”和“after”。

接下來，我們來看一下如何在Vue中使用Action Dispacher。首先，我們需要在Vue組件中引用它：

import Dispatcher from 'vue-action-dispatcher'

然后，我們就可以創建自己的Action進行使用：

import { createAction } from 'vue-action-dispatcher'
const updateUser = createAction('user/update', async ({ commit }, payload) =>{
const user = await updateUserFromServer(payload)
commit('SET_USER', user)
}, {
before: 'user/update/sending',
after: 'user/update/finished'
})
export { updateUser };

這里我們定義了一個名為“updateUser”的Action，當我們請求修改用戶信息時，它會向服務器發送請求并將修改后的數據提交給store。在這里我們還定義了“before”和“after”事件，我們可以將其用于應用程序的狀態更新、用戶通知等事件處理。

最后，我們需要在Vue組件中觸發并使用這個action：

import { updateUser } from '../actions/user'
export default {
methods: {
async updateUserInfo(payload) {
await updateUser(payload)
this.$message.success('更新用戶信息成功')
}
}
}

這里，我們在Vue組件中定義了一個名為“updateUserInfo”的方法，我們通過調用之前定義的“updateUser”Action來實現相關的邏輯。