双向绑定和单向绑定
2019-07-04 本文已影响0人
郑无穷大
Vue 的双向绑定（也是 Angular 的双向绑定）有这些功能：
只要 JS 改变了 view.number 或 view.name 或 view.n （注意 Vue 把 data 里面的 number、name 和 n 放到了 view 上面，没有 view.data 这个东西）， HTML 就会局部更新
只要用户在 input 里输入了值，JS 里的 view.n 就会更新。
这就像双向绑定：JS 数据与页面元素互相绑定。
通过Object.defineProperty setter 改变input； 最早是C# WPF开始使用双向绑定；
同时 Vue 也实现了局部更新；
更新局部--React(虚拟DOM)
双向绑定的局限性在跨组件
由MVC引入俩个思想：
（1）用户修改数据直接反映到JS中，双向绑定：引入Angular；后简为Vue，也同时参考React实现了局部更新；
（2）只做应该改动而修改：React
MVC是对项目结构的处理，是一种开发模式；面向对象为一种编程概念；
React的单向绑定（半自动双向绑定）
推荐：用户数据单向绑定；UI数据双向绑定；
