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来实现相关的逻辑。