vuex中store存储store.commit和store.dispatch的用法
版权申诉
27 浏览量
2020-10-15
02:18:22
上传
评论 1
收藏 129KB PDF 举报
vuex中中store存储存储store.commit和和store.dispatch的用法的用法
主要介绍了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调用 如图
资源评论
