单向数据流和双向数据流

vue 与 react react的特色是单向数据绑定；而vue中的特色是双向数据绑定。不过vuex和redux这两个状态管理器都是提倡单向数据流来管理数据。只不过vue为了众多UI控件的考虑提供了双向数据绑定的方式，这样在一些需要实时显示用户需求的时候会非常方便。 单向数据流 state：驱动应用的数据源。view：以生命方式将state映射到视图。actions：响应在view上的用户输入导致状态变化 单向数据流过程：简单的单向数据流是指用户访问view，view发出用户交互的action，在action里面对state进行相应更新，state更新会触发view更新页面的过程 特点： 3.1 所有状态的改变可记录，可跟踪，源头易追溯 3.2 所有数据只有一份，组件数据只有唯一的入口和出口，使得程序更直观更容易理解，有利于应用的可维护性 3.3 一旦状态发生改变，就去更新页面 3.4 如果用户在页面上做了改动，那么就手动收集起来（双向是自动），合并到原有的数据中 双向数据流 双向数据绑定，带来了双向数据流。数据（state）和视图（view）之间的双向绑定 数据模型和视图模型之间的双向绑定。无论数据改变还是用户操作，都能够带来互相的变动，自动更新 双向数据绑定=单向数据绑定+UI事件监听 特点： 4.1 用户在视图上的修改会自动同步到数据模型中去，数据模型中值的变换，也会立刻同步到视图中去 4.2 无需进行额单向数据绑定的create，retrieve，update，delete操作 4.3 在表单交互较多的场景下，会简化大量业务无关的代码

本文章由javascript技术分享原创和收集