vuex中store存储store.commit和store.dispatch的用法
更新时间：2020年07月24日 11:17:18 作者：艾欢欢
这篇文章主要介绍了vuex中store存储store.commit和store.dispatch的用法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
代码示例：
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的action的返回值（axios请求为例）
因为之前老师有讲过将vuex的封装。
今天就想尝试写一下，然后就封装了。
但是我想要在vue组件里面获取vuex的action的返回值
这里我用的dispatch调用 如图
我这里使用的new Promise的方法
调用getlunbolist的时候返回一个new Promise，把需要的值用resolve带出
在组件就可以用then的方法取出来使用
我只是一个小小白，我知道我的表述很生硬而且可能还不准备，但是意思就是大概这个意思。而且会坚持把我觉得有收获的内容下来的，希望以后成大佬了能自己来完善，当然大佬们看到问题了可以多多指点一下小弟。
以上这篇vuex中store存储store.commit和store.dispatch的用法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue关于data变量定义的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
最近刚好有个功能需要实现列表的无限循环滚动,这篇文章主要给大家介绍了关于vue组件实现列表自动无限循环的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-11-11
今天小编就为大家分享一篇vuejs中监听窗口关闭和窗口刷新事件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
vue中提示$index is not defined错误的解决方式
这篇文章主要介绍了vue中提示$index is not defined错误的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
右键菜单在项目开发中是属于比较高频的组件了,所以这篇文章小编主要来和大家介绍一下如何利用vue3开发一个右键菜单,有需要的可以参考下2024-03-03
Vue是一套用于构建前后端分离的框架。刚开始是由国内优秀选手尤雨溪开发出来的，目前是全球“最”流行的前端框架。使用vue开发网页很简单，并且技术生态环境完善，社区活跃，是前后端找工作必备技能！下面来看看其得安装及使用方法吧2021-10-10
这篇文章主要介绍了vue{{}}拼接字符串和换行符方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-12-12
Vue解决echart在element的tab切换时显示不正确问题
这篇文章主要介绍了Vue解决echart在element的tab切换时显示不正确问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要介绍了vue踩坑日记之params传递参数问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
这篇文章主要为大家详细介绍了Vue实现无缝轮播效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
最新评论