一、各个流行框架的特点
1、angular
angular是一个应用设计框架与开发平台。不止有视图渲染,状态管理,路由管理,还提供了其他强大的功能模块与api,用于开发大型项目,是一种自上而下集大成的设计。
2、react
react是专注于用户界面构建的js库。官方不提供状态和路由管理,只关注将数据渲染为视图层。是一种自下而上的库
3、vue
vue也是构建用户界面的渐进式框架,关注视图层,但是官方指定了选择集成的状态和路由管理模块。是一种自下而上的框架
二、框架之间的对比
(1)vue和react的对比:
都是自下而上的设计,关注视图层的渲染,但是vue可以集成官方指定的状态和路由管理功能变成一个js框架,而react开发大型应用需要集成外部状态和路由管理工具
(2)vue、angular和react规范强度对比:
vue开发需要生成vue文件,angular需要用typescript开发并且有自己的强规范,react组件可以是一个js类或者是一个函数,具有更强的灵活性。
三、数据绑定和数据流
(1)数据绑定:数据与视图渲染的直接关系
react:单向数据绑定:
event 事件触发 =>state 改变数据 => view 更新视图层
vue :双向数据绑定
event 事件触发 => state/data 改变数据 => view 更新视图层
v-model 封装了视图层事件监听方法,视图改变可以改变data => state/data 改变数据
(2)数据流:父子组件之间的数据流向
父组件可以给子组件直接传值,但是原则上子组件不能更改从父组件接收的数据。