关于Vuex和Redux的一些总结

【前言】

最近在学react全家桶,想和之前学的vue全家桶做一个对比,这篇文章先对vuex和redux做一个对比,之后会对各个方面都做一些对比,已达到全面比较2个框架优缺点的目的。

【正文】

先上图:


无标题.png

相同点:

1.都是通过store来作为全局状态存储对象

  1. 改变store的直接方法(vuex中的mutation和redux中的reducer)只允许同步操作。

不同点

  1. vuex只有展示组件(通过全局根部植入直接访问store),而redux中展示组件通过容器组件连接store再进行访问。
    另外vuex自带module化功能,而redux是没有的。
  2. vuex中消除了action的概念
  3. vuex只能配合vue而redux可以配合任何框架
  4. vuex中的异步操作只能在action中进行,而redux中没有特别的为异步操作创建一个方法。

【其他一些补充】

vuex中改变store的唯一方法就是通过mutation,异步方法通过action最后也是通过mutation来改变store。这里说下为什么vuex要用action,个人理解是因为所有异步函数是不能追踪的,由于vuex需要通过mutation记录每次store的变化,因此mutation中不允许有异步操作就像redux中的reducer中的操作必须也是同步的一样。

【完】

(欢迎大家留言补充)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前段时间在RxSwift上做了一些实践,Rx确实是一个强大的工具,但同时也是一把双刃剑,如果滥用的话反而会带来副作...
    L_Zephyr阅读 9,623评论 0 15
  • 系列文章:Vue 2.0 升(cai)级(keng)之旅Vuex — The core of Vue applic...
    6ed7563919d4阅读 10,010评论 2 58
  • Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应...
    白水螺丝阅读 10,100评论 7 61
  • 今天到孩子的小家去,他们做饭给我们吃。我们挺开心的。并把这份喜悦分享给我的姐妹们。没想到我的姐妹们说,...
    冬夜读书YHY阅读 2,118评论 2 12
  • 今天读了《如何把事情做到最好》这本书,只读完了第一部分,说说我的收获。 主旨是说:把事情做到最好,不是强求天赋;不...
    筱天大大阅读 3,265评论 0 0