首页 > 其他 > 详细

VUE—路由(九)vuex mutation&action

时间:2019-09-15 14:50:22      阅读:80      评论:0      收藏:0      [点我收藏+]

在开发模式中开启严格模式,会发现代码不符合规范

技术分享图片

Vuex store的状态应在mutation中更改

技术分享图片

在AddStudent.vue中提交函数

技术分享图片

显示如下:

技术分享图片

但是在表格中添加自己的数据时,不能还显示渡一100,所以要传递参数

技术分享图片

store.js中接收参数

技术分享图片

显示如下:

技术分享图片

如果要更改多个数据:

技术分享图片

技术分享图片

技术分享图片

它也可以使用mapMutations方式

技术分享图片

技术分享图片

mutation中不能写异步,只能写同步,异步放在actions中

AddStudent.vue中:

技术分享图片

store.js中:

技术分享图片

同样也可以采用mapActions获得

技术分享图片

技术分享图片

 

VUE—路由(九)vuex mutation&action

原文:https://www.cnblogs.com/tianya-guoke/p/11521848.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!