ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vuex redux

2021-08-19 10:34:40  阅读:197  来源: 互联网

标签:状态 Redux vuex state mutation 提交 redux VUEX


Redux
  • 核心对象:store
  • 数据存储:state
  • 状态更新提交接口:dispatch
  • 状态更新提交参数:带type和payload的Action
  • 状态更新计算:reducer
  • 限制:reducer必须是纯函数,不支持异步
  • 特性:支持中间件
VUEX
  • 核心对象:store
  • 数据存储:state
  • 状态更新提交接口:commit
  • 状态更新提交参数###### Redux
  • 核心对象:store
  • 数据存储:state
  • 状态更新提交接口:dispatch
  • 状态更新提交参数:带type和payload的Action
  • 状态更新计算:reducer
  • 限制:reducer必须是纯函数,不支持异步
  • 特性:支持中间件
VUEX
  • 核心对象:store
  • 数据存储:state
  • 状态更新提交接口:commit
  • 状态更新提交参数:带type和payload的mutation提交对象/参数
  • 状态更新计算:mutation handler
  • 限制:mutation handler必须是非异步方法
  • 特性:支持带缓存的getter,用于获取state经过某些计算后的值
Redux vs VUEX 对比分析

store和state是最基本的概念,VUEX没有做出改变。其实VUEX对整个框架思想并没有任何改变,只是某些内容变化了名称或者叫法,通过改名,以图在一些细节概念上有所区分。

  • VUEX弱化了dispatch的存在感。VUEX认为状态变更的触发是一次“提交”而已,而调用方式则是框架提供一个提交的commit API接口。
  • VUEX取消了Redux中Action的概念。不同于Redux认为状态变更必须是由一次"行为"触发,VUEX仅仅认为在任何时候触发状态变化只需要进行mutation即可。Redux的Action必须是一个对象,而VUEX认为只要传递必要的参数即可,形式不做要求。
  • VUEX也弱化了Redux中的reducer的概念。reducer在计算机领域语义应该是"规约",在这里意思应该是根据旧的state和Action的传入参数,"规约"出新的state。在VUEX中,对应的是mutation,即"转变",只是根据入参对旧state进行"转变"而已。

总的来说,VUEX通过弱化概念,在任何东西都没做实质性削减的基础上,使得整套框架更易于理解了。

另外VUEX支持getter,运行中是带缓存的,算是对提升性能方面做了些优化工作,言外之意也是鼓励大家多使用getter。

  • 状态更新计算:mutation handler
  • 限制:mutation handler必须是非异步方法
  • 特性:支持带缓存的getter,用于获取state经过某些计算后的值
Redux vs VUEX 对比分析

store和state是最基本的概念,VUEX没有做出改变。其实VUEX对整个框架思想并没有任何改变,只是某些内容变化了名称或者叫法,通过改名,以图在一些细节概念上有所区分。

  • VUEX弱化了dispatch的存在感。VUEX认为状态变更的触发是一次“提交”而已,而调用方式则是框架提供一个提交的commit API接口。
  • VUEX取消了Redux中Action的概念。不同于Redux认为状态变更必须是由一次"行为"触发,VUEX仅仅认为在任何时候触发状态变化只需要进行mutation即可。Redux的Action必须是一个对象,而VUEX认为只要传递必要的参数即可,形式不做要求。
  • VUEX也弱化了Redux中的reducer的概念。reducer在计算机领域语义应该是"规约",在这里意思应该是根据旧的state和Action的传入参数,"规约"出新的state。在VUEX中,对应的是mutation,即"转变",只是根据入参对旧state进行"转变"而已。

总的来说,VUEX通过弱化概念,在任何东西都没做实质性削减的基础上,使得整套框架更易于理解了。

另外VUEX支持getter,运行中是带缓存的,算是对提升性能方面做了些优化工作,言外之意也是鼓励大家多使用getter。

标签:状态,Redux,vuex,state,mutation,提交,redux,VUEX
来源: https://www.cnblogs.com/teahouse/p/15160487.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有