标签：异步 笔记 react state mutation action redux vuex
用vuex来对比来说明
| 分类 | vuex | redux | react-redux |
|
写state |
commit mutation (mutable state) |
dispatch reducer (immutable state) |
|
|
读state |
组件实例能取到$store属性， 通过计算属性的方式拿到想要的state |
store.getState |
用connet封装组件，state和dispacher 会以prop的形式注入组件中 |
|
订阅state |
计算属性本身就是响应式的，无需其他操作 |
store.subscribe |
在connet封装后的组件中subscribe，视图 组件直接收到新的prop，而无需对state的变 化有感知 |
| 模块化 | module组装, namespace命名空间 | combineReducers | |
| 异步 | 用action(异步操作包含在action中)派发mutation |
用中间件处理包含异步操作的函数，在异步函数或promise回调中派发reducer |
|
| 概念辨析 |
vuex的action和redux的action不是一个东西 vuex的action相当于redux中传给中间件处理的异步函数; redux中的action相当于在vuex中commit一个mutation时传的参数集合(包含mutation名称和payload) |
||
标签：异步,笔记,react,state,mutation,action,redux,vuex 来源： https://www.cnblogs.com/natsu07/p/10774562.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。