前端数据的单向绑定和双向绑定

最新推荐文章于 2024-10-23 09:19:52 发布

原创最新推荐文章于 2024-10-23 09:19:52 发布 · 1.9k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

1 篇文章

订阅专栏

博客介绍了JavaScript中的单向绑定和双向绑定。单向绑定是将Model绑定到View，更新Model时View自动更新，无需额外DOM操作。双向绑定则是Model与View相互绑定，更新Model或View，另一方都会自动更新。

前端数据的单向绑定和双向绑定

- 单向绑定
- 双向绑定

单向绑定

把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新。因此，我们不需要进行额外的DOM操作，只需要进行Model的操作就可以实现视图的联动更新。

双向绑定

把Model绑定到View的同时也将View绑定到Model上，这样就既可以通过更新Model来实现View的自动更新，也可以通过更新View来实现Model数据的更新。所以，当我们用JavaScript代码更新Model时，View就会自动更新，反之，如果用户更新了View，Model的数据也自动被更新了。