Vue和React数据流思考
本文我们渐入佳境,在熟练了vue和react这俩主力框架之后,尝试着探讨一下两者在数据流方面的异同。
- 基础概念解释
vue的状态,是双向绑定, 也就是双向数据流。而react是典型的单向数据流。所谓的双向数据流,就是父组件能够变更给到子组件的状态,同时子组件也能够直接修改从父组件接收的状态。而单向数据流,则是只能父组件修改,子组件无权变更。就像一个瀑布,只会从上往下,不存在自下向上。
- 优劣对比
鄙人用vue开发了几个大的项目,react也用了不少,个人觉得这就是两者最大的区别,也是我为什么更喜欢react的缘由。双向数据绑定我觉得纯属多此一举,开发过程中尽量少用。一般的项目两者没啥差别但是,如果是一些比较复杂的项目(这里的复杂主要指的是某些状态涉及诸多的组件),开发到最后就会发现,状态追踪调试变得极其的困难。因为修改状态的入口太多,导致你很难查出到底是哪个组件更改了目标状态。相比之下,react的单向数据流则非常的清晰,打个断点即可。
同vue的差异
- react是一个库,vue称之为框架。vue实际上为我们提供了一整套的解决方案,而react库专注于html和js之间打通的关系。什么路由啊状态的统一管理等,统统交给了社区处理。
- 状态数据。也就是本文上面讲到的。
All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
