Vuex使用指南-Actions(三)

一、前提

上一章我们学习了Mutations的使用,用来保存更新数据,但是我们提到这个里面我们的操作必须是同步,那么异步操作我们用该怎么用呢?现在我们来学习一下Vuex的异步操作Actons。

二、Actions的使用

我们还是首先上代码,让我们从代码中学习。

actions注册

actions的调用

从上面的代码中我们可以学习到:

  • 在actions的方法中我们可以添加promise用以实现异步操作。
  • 在actions的方法中我们可以添加网络请求的一系列的数据处理逻辑。
  • actions中方法的调用我们可以用this.$store.dispatch('XXX')这种方式调用actions。
  • 我们也采用引用mapActions的方式来调用我们的actions。

三、总结

我们可以看到其实actions所做的操作就是先异步处理一系列逻辑后在调用Mutations来保存数据。在这里我们推荐都用actions来进行操作,这样的好处是以后如果更新数据需要其他的异步处理我们只需要修改actions就行,不需要在调用地方处理逻辑。

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章