Vuex中actions和mutations的区别,vue mutations actions

　　本文主要介绍了vuex中存储的动作和突变的用法，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

目录

　　动作和突变(这个。$store.dispatch和这个。$store.commit)差异化使用分派：包含异步操作提交：同步操作实例action和mutation分别用来处理什么？

action和mutations (this.$store.dispatch和this.$store.commit)区别

　　正在vuex中调用方法。一个异步，一个同步。

　　Dispatch:包含异步操作，比如向后台提交数据，写成这样。$ store . dispatch( action method name ，value) commit:同步操作，写成这样。$store.commit(突变方法名，值)action:。

　　1.用于通过提交突变来更改数据。

　　2.它会默认把自己包装成一个承诺。

　　3.可以包括任何异步操作。

　　mutations:

　　1.通过提交提交来更改数据。

　　2.这只是一个简单的函数

　　3.不要使用异步操作，这样会导致变量不可追踪。也就是说，用动作中的函数调用突变中的函数，异步操作状态中的数据。

用法

dispatch: 含有异步操作

　　存储：

　　这个。$store.dispatch(initUserInfo ，friend)；

　　价值：

　　这个。$ store . getters . userinfo；

commit:同步操作

　　存储：

　　这个。$store.commit(initUserInfo ，friend)；

　　价值：

　　这个。$ store . state . userinfo；

实例

　　1、login.vue

　　2、user.js

　　3、login.js

action和mutation分别用来处理什么？

　　动作异步数据最后提交给数据库突变进行同步数据处理(改变vuex中存储数据的唯一方法就是突变)动作提交突变而不是直接改变状态。以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。