双向绑定和单向绑定


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数据双向绑定;

你可能感兴趣的:(双向绑定和单向绑定)