单向数据流和双向数据流
vue 与 react
react的特色是单向数据绑定;而vue中的特色是双向数据绑定。不过vuex和redux这两个状态管理器都是提倡单向数据流来管理数据。只不过vue为了众多UI控件的考虑提供了双向数据绑定的方式,这样在一些需要实时显示用户需求的时候会非常方便。
单向数据流
state:驱动应用的数据源。view:以生命方式将state映射到视图。actions:响应在view上的用户输入导致状态变化
单向数据流过程:简单的单向数据流是指用户访问view,view发出用户交互的action,在action里面对state进行相应更新,state更新会触发view更新页面的过程
特点:
1 所有状态的改变可记录,可跟踪,源头易追溯
2 所有数据只有一份,组件数据只有唯一的入口和出口,使得程序更直观更容易理解,有利于应用的可维护性
3 一旦状态发生改变,就去更新页面
4 如果用户在页面上做了改动,那么就手动收集起来(双向是自动),合并到原有的数据中
双向数据流
双向数据绑定,带来了双向数据流。数据(state)和视图(view)之间的双向绑定
数据模型和视图模型之间的双向绑定。无论数据改变还是用户操作,都能够带来互相的变动,自动更新
双向数据绑定=单向数据绑定+UI事件监听
特点:
1 用户在视图上的修改会自动同步到数据模型中去,数据模型中值的变换,也会立刻同步到视图中去
2 无需进行额单向数据绑定的create,retrieve,update,delete操作
3 在表单交互较多的场景下,会简化大量业务无关的代码
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!