您的位置:首页 > Web前端 > Vue.js

什么场景下使用vuex

2020-04-07 17:27 106 查看

       最近有前端的同学特地跑过来问为什么她在项目中很少用到vuex,参与开发了好几个vue项目,没有用到vuex也很好的完成了业务需求,什么场景下她才能用到?然后,我就噼里啪啦的回答了一番,事后回想,这似乎是很多前端同学经常疑惑的问题,于是在此写一下自己的理解。

        vuex本质上就是将对数据的管理从组建中抽离出来,将数据放在一个地方统一管理;如果数据只在单个组件内使用,是没有必要使用vuex的;当数据在多个组件共享的时候,就很有必要了,而且,共享数据的组件越多,对数据的操作逻辑越复杂就越需要使用vuex来管理状态,那么在项目中具体怎样的场景适合使用vuex?如:

 用户的个人信息管理模块

 电商项目购物车模块

此处省略。。。

下面说一个比较好玩的栗子

       页面中间是一大块数据展示区域,上面是四个按钮(buttonA,buttonB,buttonC,buttonD),这些按钮,点击后都会向后端发起ajax请求,然后,返回的数据会跟展示区数据融合再更新展示区数据,如果用户依次点击了buttonA,buttonB,buttonC,buttonD,结果发现ajax请求成功的顺序是buttonB result,buttonD result,buttonC result,buttonA result,现在业务要求所有的ajax请求的数据处理顺序必须与点击按钮的顺序保持一致。此时,上面的四个按钮跟下面的展示区是不同的组件,按钮是可配置的放在头部公共区域模块里面的,请问你打算如何组织代码完成上面的需求?类似这种情况就必须用到vuex,否则很代码写到最后很可能不仅漏洞百出而且很难维护。

 

 

 

 

 

 

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐