单向数据流和双向数据流

vue 与 react

react的特色是单向数据绑定；而vue中的特色是双向数据绑定。不过vuex和redux这两个状态管理器都是提倡单向数据流来管理数据。只不过vue为了众多UI控件的考虑提供了双向数据绑定的方式，这样在少量需要实时显示客户需求的时候会非常方便。

单向数据流

1. state：驱动应用的数据源。view：以生命方式将state映射到视图。actions：响应在view上的客户输入导致状态变化
2. 单向数据流过程：简单的单向数据流是指客户访问view，view发出客户交互的action，在action里面对state进行相应升级，state升级会触发view升级页面的过程
3. 特点：
   3.1 所有状态的改变可记录，可跟踪，源头易追溯
   3.2 所有数据只有一份，组件数据只有唯一的入口和出口，使得程序更直观更容易了解，有利于应用的可维护性
   3.3 一旦状态发生改变，就去升级页面
   3.4 假如客户在页面上做了改动，那么就手动收集起来（双向是自动），合并到原有的数据中

双向数据流

1. 双向数据绑定，带来了双向数据流。数据（state）和视图（view）之间的双向绑定
2. 数据模型和视图模型之间的双向绑定。无论数据改变还是客户操作，都能够带来互相的变动，自动升级
3. 双向数据绑定=单向数据绑定+UI事件监听
4. 特点：
   4.1 客户在视图上的修改会自动同步到数据模型中去，数据模型中值的变换，也会立刻同步到视图中去
   4.2 无需进行额单向数据绑定的create，retrieve，update，delete操作
   4.3 在表单交互较多的场景下，会简化大量业务无关的代码