使用vuex从入门到应用（三）

因为mutation必须是同步函数，但是当我们需要异步的时候怎么办呢？这个时候就有了action,先看一下官网对Action的介绍:

Action 类似于 mutation，不同在于：

    Action 提交的是 mutation，而不是直接变更状态。

    Action 可以包含任意异步操作。

先看效果图：点击加一按钮，数字会延时1秒钟加一，点击减1按钮，延时1秒减一，点击加n按钮，对应的值加随机数

效果图

首先我们需要在store里的js加上如下代码：

action代码块

组件中怎么使用呢？Action 通过 store.dispatch 方法触发：store.dispatch('increment')

或者通过映射：首先先引入mapActions ：import { mapActions } from 'vuex'，使用如下图：

组件中调用action

所述内容如有错误感谢指正；如遇到问题，欢迎交流。