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

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

我是这样认为的,首先,你要考虑清楚这个异步请求你要是 全局公用呢还是 单个组件私有呢?

如果是公用,还是写在 vuex 的actions 当中为妙,而私有 则 写在methods中。

实际上我是这样做的,公有数据 state ,而私有方法。

意思就是直接 不用 actions, 请求全部放在 组件methods 当中,更新数据的话也不通过 actions 这一环节,直接通过method 调用 mutation。 这样就可以把vuex 分为三个部分, state,setter,getter, 风别是 数据,写操作,读操作。 这样的话 我觉得逻辑清楚一点。

而如果把 method 写到 actions 中,第一个,在写组件的时候不是太方便,使得 vue组件严重依赖 store。再一个,写着太麻烦,例如,我就随便改一个数据的值,而我又不想使用mapActions 将所有方法写到store中,那我就得先调用 …mapAction,然后通过action 将数据提交到 mutation,再通过 mutation 来改state,流程是在是太长了。而省略掉 action后,只需要在方法中 …mapMutation 就直接改好 state,方便快捷。

而且到目前为止,我还没有发现那个方法需要写进 actions 呢,全局只要 数据 流通就够了。


相关文章
|
4天前
|
JavaScript
鼠标事件(点击换色)分别使用js和jQuery代码实现
鼠标事件(点击换色)分别使用js和jQuery代码实现
12 1
|
1天前
|
JavaScript 前端开发 iOS开发
优秀的JavaScript代码技巧大分享
优秀的JavaScript代码技巧大分享
12 3
|
1天前
|
JavaScript 前端开发 测试技术
编写高质量JavaScript代码怎么做
编写高质量JavaScript代码怎么做
11 2
|
16天前
|
存储 JavaScript 前端开发
小白实战!用JS实现一个3D翻书效果,附上代码
小白实战!用JS实现一个3D翻书效果,附上代码
|
16天前
|
JavaScript 前端开发 测试技术
高质量的JavaScript代码该怎么写
高质量的JavaScript代码该怎么写
15 1
|
4天前
|
JavaScript
JS九行代码实现1~10猜数字游戏
JS九行代码实现1~10猜数字游戏
10 0
|
4天前
|
JavaScript 前端开发 网络协议
|
4天前
|
JavaScript 前端开发
JavaScript中的代码执行顺序
这篇文章通过示例代码解释了JavaScript中的代码执行顺序,特别是`load`事件的使用,它确保只有在整个页面加载完成后才会执行指定的JavaScript函数。
|
7天前
|
Web App开发 JavaScript 前端开发
IDEA——使用JavaScript Debugger调试代码
IDEA——使用JavaScript Debugger调试代码
13 0
|
7天前
|
JavaScript 前端开发 安全
js之AJAX
js之AJAX
15 0