千锋教育web前端高频面试题视频教程，kerwin大话前端面试秘籍（附答案）

单向数据流 与双向数据绑定

1.单向数据流

单向数据流（unidirectional data flow）是指用户访问View，View发出用户交互的Action，在Action里对state进行相应更新。state更新后会触发View更新页面的过程。这样数据总是清晰的单向进行流动，便于维护并且可以预测。

1.1 特点：

（1） 所有状态的改变可记录、可跟踪，源头易追溯;

（2） 所有数据只有一份，组件数据只有唯一的入口和出口，使得程序更直观更容易理解，有利于应用的可维护性;

（3） 一旦数据变化，就去更新页面(data-页面)，但是没有(页面-data);

（4） 如果用户在页面上做了变动，那么就手动收集起来(双向是自动)，合并到原有的数据中。

2.双向数据绑定

双向数据绑定，带来双向数据流。数据（state）和视图（View）之间的双向绑定说到底就是 （value 的单向绑定 + onChange 事件侦听）的一个语法糖，你如果不想用 v-model，像 React 那样处理也是完全可以的。

2.1 特点：

无论数据改变，或是用户操作，都能带来互相的变动，自动更新。适用于项目细节，如：UI控件中(通常是类表单操作)。

通过视频可以加深对数据流的理解，单向数据只能从一个方向改变，组件数据流动，双向数据是数据和视图的绑定是一个双向通道。让我在代码中运用更熟练