关于请求数据和vuex

来源:7-7 使用vuex action 发送异步请求第二部分

咩仔

2023-09-27

张老师好,我用vue2.x也几年了,我平时工作习惯就把所有axios请求封装好,都在数据使用的页面的methods中使用,在钩子函数中调用获取数据然后渲染页面。

如果有公共需要的数据,也在写在页面中,然后钩子调用获取数据之后通过$store.commit修改mutations,再修改state存起来其他地方用,我在大项目中也是这样做的,actions没有任何东西。

vuex功能用的最多的是跨组件传值和实时更新,比如分页页码条数、面包屑、导航栏、各种名称等

但是你的课你好像基本都放在actions去请求,这样做是更好吗?因为我看后面你连只用一次的login接口也放在actions中使用。我之前的做法是不是有问题,是不是应该按照你这样做?希望可以详细分享一下,谢谢!

写回答

1回答

张轩

2023-09-28

同学你好

我这里就是按照 vuex 和 pinia ,或者说是任何 js 框架中的状态管理工具(包含最早的 Redux)的最佳实践去做的。所有在 vuex 中的状态,假如要发送异步请求,我都要使用 action。

当然这只是个人习惯,我推荐大家都这么做,但是也不是强制或者教条的,我觉得你之前的做法也很好,更加灵活,所以只要实现功能就好,一些特别强制的限定,没有必要。

当然如果是一个比较大的团队,最好是有统一的规则。

0
0

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程