[聚焦Vue/React/Webpack]4-1 Vue原理 - 图1

组件化(旧) -> 数据驱动视图(MVVM、setState)

  • 传统组件, 只是静态渲染, 更新还要依赖于操作DOM
  • 数据驱动视图-Vue MVVM
  • 数据驱动视图-React setState


Vue 的MVVM模型
M - model 数据, vue组件中的data
V - view 视图
VM - view 视图, 数据更改同步到DOM的渲染, 视图上监听事件将变化同步到数据中
image.png