vue与react分析

vue
数据:双向绑定data
使用视图模板template编译render函数创建虚拟节点diff算法比对转换真实节点
在编译的时候存在动态数据与静态数据
对比的时候没有改变的地方就跳过
存在指令与数据的地方就着重的追踪
在初始化的时候做好依赖收集与数据监听,每个组件都独立存在watcher
使用complie来做指令的编译
存在对应的生命钩子函数来额外对这些编译进行操作

react
数据:单向流动state使用函数或者类组件
createElement创建虚拟节点diff算法对比转换真实节点
react hooks提出之后,函数与类就不分彼此了
usestate useeffect包含了对等的生命钩子函数
在对待数据方面有状态提升,数据管理,路由,
采用的是更多的基于原生的js,函数调用,

你可能感兴趣的:(笔记,react,vue)