猿问

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

假如说我页面上有一个按钮,点击之后请求后端接口,然后将后端返回的json做相关处理之后写入vuex的state。


现在有两种写法:

一种是:“请求后端接口”这个ajax代码应该是写在按钮的点击事件处理函数中,然后在这个处理函数里面提交mutations

还一种是:直接将“请求后端接口”这个ajax代码写在actions中,actions中提交mutations,按钮的点击事件处理函数中只写一个分发actions的按钮


请问哪种写法更加合适而且优雅?


另外还有一个疑问就是“将后端返回的json做相关处理”这个代码又应该是先处理好,然后将处理好的数据传入mutations,还是直接在mutations里面处理?


我个人觉得后者代码量更大,感觉有点麻烦,但是不知道会不会在解耦合,追踪数据变化方面更好?


萧十郎
浏览 2484回答 1
1回答

有只小跳蛙

官方的建议是异步都放在actions中
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答