为了账号安全,请及时绑定邮箱和手机立即绑定

Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中?

Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中?

萧十郎 2018-11-23 15:10:55
假如说我页面上有一个按钮,点击之后请求后端接口,然后将后端返回的json做相关处理之后写入vuex的state。现在有两种写法:一种是:“请求后端接口”这个ajax代码应该是写在按钮的点击事件处理函数中,然后在这个处理函数里面提交mutations还一种是:直接将“请求后端接口”这个ajax代码写在actions中,actions中提交mutations,按钮的点击事件处理函数中只写一个分发actions的按钮请问哪种写法更加合适而且优雅?另外还有一个疑问就是“将后端返回的json做相关处理”这个代码又应该是先处理好,然后将处理好的数据传入mutations,还是直接在mutations里面处理?我个人觉得后者代码量更大,感觉有点麻烦,但是不知道会不会在解耦合,追踪数据变化方面更好?
查看完整描述

1 回答

?
有只小跳蛙

TA贡献1824条经验 获得超8个赞

官方的建议是异步都放在actions中


查看完整回答
反对 回复 2018-12-17
  • 1 回答
  • 0 关注
  • 2483 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号