代码示例：

this.$store.commit('loginStatus', 1);
this.$store.dispatch('isLogin', true);

规范的使用方式：

// 以载荷形式
store.commit('increment'，{amount: 10   //这是额外的参数
})// 或者使用对象风格的提交方式
store.commit({type: 'increment',amount: 10   //这是额外的参数
})

主要区别：

dispatch：含有异步操作，数据提交至 actions ，可用于向后台提交数据

写法示例：

 this.$store.dispatch('isLogin', true);

commit：同步操作，数据提交至 mutations ，可用于登录成功后读取用户信息写到缓存里

写法示例：

 this.$store.commit('loginStatus', 1);

两者都可以以载荷形式或者对象风格的方式进行提交。

参考：

vuex的安装和简单使用

vuex使用总结和详解

vuex中store存储store.commit和store.dispatch的区别及用法相关推荐

vue提交mutation_为什么Vuex中必须要通过commit提交mutation？
为什么不能直接调用mutation方法,而是必须得通过commit来提交mutation呢? 谢邀! 网上也有很多人问这个问题.但是这个问题要问作者为什么这么设计? 官方解释道: 更改 Vuex 的 ...
Python中read()、readline()和readlines()三者间的区别和用法
在python中读取文件常用的三种方法:read(),readline(),readlines(),在读取文件时经常用到三种写法.以前看书的时候觉得这东西很简单,一眼扫过,待到用时却也只知道有这么几个 ...
python中read和readline的区别_Python中read()、readline()和readlines()三者间的区别和用法...
前言众所周知在python中读取文件常用的三种方法:read(),readline(),readlines(),今天看项目是又忘记他们的区别了.以前看书的时候觉得这东西很简单,一眼扫过,待到用时却也 ...
python的sort()和sorted()的区别_Python 3中sort（）和sorted（）的区别和用法,Python3
1.sort()函数 sort是对于列表类型的排序函数,函数原型为:L.sort(key=None, reverse=False), 该方法没有返回值,是对列表的就地排序 . key-- 是指用来 ...
python的json loads用法_Python json库中load、loads、dump、dumps的区别与用法
1 json.loads() 将json格式的数据转化为字典类型 data_json = '{"msg": "登录成功", "code": ...
vue3.0 请求拦截对Token处理,导航守卫判断是否登录,响应拦截,觖析token存储到vuex中
需求:用户点击登录的时候获取token存取下来,然后放入请求拦截,因为用户上拉刷新下拉加载的时候需要用到;不然用户一刷新,服务端都不知道用户是谁了目录请求存储token: 请求拦截,及请求错误的响 ...
Vuex中的state属性详解
一.state属性介绍 state属性是Vuex中用于存放组件之间共享的数据:也就是说,我们把一些组件之间共享的状态主要存放在state属性中:它采用的是单一状态树--用一个对象就包含了全部的应用层级 ...
vuex中store 的mutation
vuex中store 的mutation 1.mutation 官方解释mutation: 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation.Vuex 中的 mutation ...
vuex结合php,vuex中store的使用介绍（附实例）
本篇文章给大家带来的内容是关于vuex中store的使用介绍(附实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.状态管理(vuex)简介 vuex是专为vue.js应用程序 ...
操作vuex中的数据报错 Do not mutate vuex store state outside mutation handlers
上一篇博客有提到直接改变vuex中的值会报错,现在详细记录一下这个错误,首先看一下错误这是因为直接操作vuex中的数据没有通过mutations去更新state而报的错误,如果在一个组件中初始化数据 ...

vuex中store存储store.commit和store.dispatch的区别及用法

代码示例：

规范的使用方式：

主要区别：

参考：

vuex中store存储store.commit和store.dispatch的区别及用法相关推荐

最新文章

热门文章