什么场景下使用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,否则很代码写到最后很可能不仅漏洞百出而且很难维护。
相关文章推荐
- 自旋锁与信号量的区别是什么? 分别在什么场景下使用?
- volatile、synchronized、lock有什么区别,以及在哪些场景下使用哪种方式?
- Hive基础之Hive是什么以及Hive使用场景
- 什么是线程?线程的优缺点和使用场景。
- C-013.break和continue的作用和区别,它们的使用场景分别是什么?
- Hive中管理表(内部表)和外部表的区别是什么,及分区表使用场景
- Vuex使用场景
- VUE === vuex是什么?怎么使用?哪种功能场景使用它?
- C-036.字符数组与字符指针,它们的使用场景是什么?
- 同步和异步有何异同,什么场景使用,举例说明!
- 比较顺序表和链表的优缺点,说说它们分别在什么场景下使用?
- 小程序web-view优缺点,webview适合什么场景使用——微信web-view高级用法15
- 数据库开发题目-什么是视图?以及视图的使用场景有哪些?
- 静态代理和动态代理,什么场景使用?
- 什么是中间件?中间件的作用,怎么使用中间件及应用场景
- 什么场景使用memcached而不使用redis
- 什么是沙盒(sandbox)?沙盒包含哪些文件,描述每个文件的使用场景。如何获取这些文件的路径?如何获取应用程序包中文件的路径?
- Android之什么场景该使用单例模式总结
- volatile、synchronized、lock有什么区别,以及在哪些场景下使用哪种方式?
- 什么是闭包?闭包的工作原理、优缺点、使用场景和对页面的影响