双向绑定和单向绑定
数据绑定
所谓数据绑定，就是指View层和Model层之间的映射关系
单向绑定
Model的更新会触发 View 的更新，而 View 的更新不会触发Model的更新，它们的作用是单向的。
双向绑定
Model的更新会触发View的更新，View的更新也会触发Model的更新，它们的作用是相互的。
React 采用单向数据绑定
当用户访问View时，通过触发Events进行交互，而在相应Events Handlers中，会触发相应的Actions，而Actions通过调用setState方法对View的State进行更新，State更新后会触发View的重新渲染。
单向数据绑定的优缺点：
优点：所有状态都可以被记录、跟踪，状态变化通过手动调用触发，源头易追溯。
缺点：会有很多类似的样板代码，代码量会相应的上升。
Vue 支持单向数据绑定和双向数据绑定
- 单项数据绑定：使用
v-bind属性绑定、v-on事件绑定或插值形式{{data}}。 - 双向数据绑定：使用
v-model指令，用户对View的更改会直接同步到Model。
Vue 的双向数据绑定就是指使用v-model指令进行数据绑定，而v-model本质上是v-bind和v-on相结合的语法糖，是框架自动帮我们实现了更新事件。换句话说，我们完全可以采用单向绑定，自己实现类似的双向数据绑定。
双向数据绑定的优缺点：
优点：在操作表单时使用v-model方便简单，可以省略繁琐或重复的onChange事件去处理每个表单数据的变化（减少代码量）。
缺点：属于暗箱操作，无法很好的追踪双向绑定的数据变化。
Angular 支持单向数据绑定和双向数据绑定
- 单向数据绑定：使用
[x]属性绑定，(x)事件绑定或插值形式{{data}}。 - 双向数据绑定：使用
[(x)]语法，用户对View的更改会直接同步到Model。
AngularJS 支持单向数据绑定和双向数据绑定
- 单向数据绑定：使用
ng-bind指令或插值形式{{data}}。 - 双向数据绑定：使用
ng-model指令，用户对View的更改会直接同步到Model。
