关于最近学习redux的一些个人看法

Posted 2021-03-07 zjkdbk

　　最近学习了redux，对比前段时间学习的vuex。个人有一些感触。

　　首先，vuex确实是简单好用（尤大佬nb！）。它能轻松将数据、计算属性、同步异步方法进行“模块化”分离，而引入的第五个方法modules更是能轻松做到引入各种模块，结合

起来导出，真正是能做到傻瓜式使用。

　　但是作为一名程序猿，vuex并不能使我有写代码的那种感觉（说不清的感觉），它将具体实现的源码都封装的太好了。

　　而redux使用却完全不一样，虽然确实使用起来没有vuex那么简单好用，但是却有写代码的感觉。也更贴近原理。

　　首先，它先引入了插件redux。写一个“方法集”reducer.js文件。在这个文件里写一个初始状态，然后导出一个函数将初始状态作为函数第一个参数的默认值，将引用这个函数的对象作为第二个参数，然后判断这个对象的特殊标识type，然后写具体的方法和逻辑，return做逻辑操作后的新状态（浅拷贝或深拷贝原状态）。然后在store下的index.js中导入redux和reducer.js用redux中带的方法createStore()将reducer.js中导出的函数执行，将返回值状态做成一个数据仓库。

　　具体实现代码如图：

　　

 

 　　模块化实现：

　　通过redux中combineReducer方法将导入的各个reducer方法集给合并进一个对象。

　　

 

 　　这样就能实现基本的数据集中管理了。（新手上路，有错勿喷（>_<））