Nautil如何实现双向数据绑定技术？

本文共计3271个文字，预计阅读时间需要14分钟。

这是一个基于React的框架，但在Nautil中可以支持双向数据绑定，这有利于基于观察者模式的开发思路。在React中使用双向绑定并非必需，React更注重单向数据流，这种严格的单向数据流模式对开发过程有积极影响。

虽然是基于 react 的框架，但是在 nautil 中可以使用双向数据绑定，这得益于基于观察者模式的开发思路。在 react 中使用双向绑定并非没有需求，react 严格的单向数据流，严重影响了开发者的发挥空间，特别是在表单组件的使用中，很容易陷入回调地狱，即使 redux 也无法避免。

现有状态管理的问题

我们都知道，react 是单向数据流的，数据只能从外部通过 props 传入，再通过 props 上面传入的回调函数再传出去，直接修改 props 或者上面的对象，不会带来界面的更新，而且会导致数据不可预期。

基于这种单向数据流的 flux 思想，redux 还遵循了函数式编程的规范，保证了数据的干净。同时，它提供了自顶向下的分发机制，修改 redux store 中的数据，会触发所有connected 的组件。而触发过程是，调用 connected 组件 props.dispatch 方法。

虽然单向数据流的方式保证了数据流干净，但 redux 的编程方式太复杂了。它不仅增加了数据构造本身的逻辑代码，而且 action 代码也是分散的，当你需要进行修改时，有的时候会在好几个文件之间转晕。虽然有很多优化 redux 样板代码的库，但受限于它的编程思想，仍然不好在项目中节省更多时间。