vuex的使用场景

vuex的使用场景

首先,我们先来探讨一下,什么情况下vuex才是必须要到的呢?

  1. 需要数据共享和行为进行拆分;
  2. 复杂的异步逻辑,需要综合多个模块进行状态演进;
  3. 需要用到第三方插件;
  4. 需要综合考虑多个组件的生命周期,先后顺序,特定逻辑等等;

vuex使用的场景:

  1. 用户的个人信息管理模块;
  2. 电商项目的购物车模块,每次都调用获取购物车数量的接口(前提得有),效果是实现了,但是每一次的HTTP请求,都是对浏览器性能消耗。 对比下来,用vuex的mutations进行触发,就显得更加有优势;
  3. 我的订单模块,订单列表也点击取消订单,然后更新对应的订单列表,这种情况也是用Vuex,state储存一个状态,监听这个状态,变化时更新对应的列表;
  4. 从订单结算页,进入选择优惠券的页面,选择优惠券的页面如何保存选择的优惠券信息?state保存优惠券信息,选择优惠券时,mutations提交,在订单结算页,获取选择的优惠券,并更新订单优惠信息;

当然,项目中并不止这些地方用到了vuex,还有哪儿些地方呢?可以在下方留言哦!

  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值